Portfolio

NIWASHI WEB SITE

2014 SITE
青梅市に拠点を構えている庭師S様のWEBサイト、ロゴ、名刺、リーフレットを制作。
Webサイトは、スマートフォンサイトからの閲覧も考慮し、レスポンシブデザインデザインを採用。
今回はロゴデザインを含め、過去(伝統)と未来(現代の職人)の融合をコンセプトに制作。
リーフレット、名刺も合わせて制作しました。

  • SITE DESIGN
  • CODING
  • HTML5
  • CSS3
  • JQUERY
  • ILLUSTRATION


DIGITAL BOOK TERMINAL OFFICIAL & EC SITE

DIGITAL BOOK TERMINAL
OFFICIAL & EC SITE

2013 EC SITE
自社製品直販専用の電子書籍専用端末ECサイト。
デザイン、ユーザビリティの改善の為に利Reデザインを受け持つ。
サイトの目的としては、直販ECサイトでの端末販売の向上、製品の魅力をより伝え易くするビジュアル面の強化、サイトのユーザービリティの向上を主としている。
Reデザインに伴い、3つの(ECサイト購入・お電話購入・取扱書店誘導)ユーザ導線を想定し、ラーディングからコンバージョンを考慮した。
使用しているASPサービスのカスタマイズ制限内が多い点で妥協せざる点もあり、今後の課題となった。

◯使用ツール&言語
Photoshop CS6
Illustrator CS6
XHTML + CSS
JQUERY
◯制作期間
今回はサイト構成の把握、改善箇所の 洗い出し、 ユーザ導線の再設計、ASP サービスの機能・自由度の確認,既存 の使用素材調達に約20日間。
各ページのデザインは約10ページで約 1ヶ月(デザイン修正期間含む)。
コーディングは約20日間。

  • SITE DESIGN
  • CODING
  • JQUERY
  • ILLUSTRATION


DIGITAL BOOK TERMINAL OFFICIAL & EC SITE

 

GURUNAVI DELIVERY

 

出前・宅配・デリバリーの総合モールサイト。ネット注文を促進する特集ページを担当。
  テーマと表示項目などクライアントの希望に沿ってデザインを考案。商品情報はみやすく、徘徊しやすいようにデザインとユーザビリティを考慮、食品画像はシズル感を意識し若干暖色に加工。

  ◯使用ツール&言語
  Photoshop CS5
  Illustrator CS5
  XHTML
  CSS
  JQUERY
  CSS3 (※1 :スマートフォン案件)
  ◯制作期間
  デザインは1日〜2日。
  イラストを含む場合は3〜4日。
  コーディング
  簡単な内容は半日〜1日。
  長いページや細かい構成の際は2〜3日。

 

OHANAMI SPECIAL

OHANAMI DELIVERY

  • 2013 EC MALL LANDING PAGE
  • [業種]デリバリー情報の総合サイト
  • クライアントのワイヤーを元にデザイン、コーデイングを担当。お花見の賑やかさとデリバリーを意識しデザイン。
    • SITE DESIGN
    • CODING
    • JQUERY
    • ILLUSTRATION

EC MALL LANDING PAGE

EC MALL LANDING PAGE

  • 2013年 EC MALL LANDING PAGE
  • [業種]デリバリー情報の総合サイト
  • クライアントのワイヤーを元にデザイン、コーデイングを担当。家で楽しく過ごす家族の明るい雰囲気のGWと新緑の初夏を意識しデザイン。
    • SITE DESIGN
    • CODING
    • JQUERY

EC MALL LANDING PAGE (SMART PHONE)

2013 EC MALL LANDING PAGE (SMART PHONE)

  • 2013 EC MALL LANDING PAGE (SMART PHONE)
  • [業種]デリバリー情報の総合サイト
  • スマートフォン向けのコーデイングを担当。
    • CODING
    • CSS3
    • JQUERY
 

GURUNAVI TRAVEL

2013 GOURMET TRIP LANDING PAGE
  ホテル・旅館の宿泊予約の総合モールサイト。ネット注文を促進する特集ページのコーディングを担当。

  ◯使用ツール&言語
  Dreamweaver CS5
  XHTML + CSS
  HTML5 + CSS3
  JQUERY
  JSON
  GOOGLE MAP API V3
  (※2:スマートフォン向けの案件)
  ◯制作期間
  コーディングは簡単な内容は半日〜1日
  長いページや細かい構成,JQUERY等実装が多い際は2〜3日。

HASAMICHO GOURMET

HASAMICHO GOURMET

  • 2013 GOURMET TRIP LANDING PAGE
  • [業種]ホテル・旅館関連食情報の総合サイト
  • ご当地グルメサイト スマートフォン向けのコーデイングを担当。
    • CODING
    • HTML5
    • CSS3
    • JQUERY

SHIMABARA-HANTO

SHIMABARA-HANTO

  • 2013年 GOURMET TRIP LANDING PAGE
  • [業種]ホテル・旅館関連食情報の総合サイト
  • ご当地グルメサイト コーデイングのみ担当。
    • CODING
    • JQUERY
 

GURUNAVI SHOKUICHIBA

2013 EC MALL LANDING PAGE
日本全国の食材お取り寄せ総合モールサイト。ネット注文を促進する特集ページを担当。
クライアントからのテーマとページ構成を元にデザインを考案。ワイヤーのパターン化とCMSの制限の中で特集毎の雰囲気などを商品が見みやすいよう構成。デザインの装飾はクライアントの要望で賑やかなテイストにしています。

◯使用ツール&言語
 Photoshop CS5
 Illustrator CS5
 XHTML
 CSS
 JQUERY
◯制作期間
 デザインはTOP2日。
 下層は1日3〜4ページ。
 コーディングはTOP半日。
 下層1日4ページ。

VALENTINE

VALENTINE

  • 2013 EC MALL LANDING PAGE
  • [業種]食品お取寄せギフトの総合サイト
  • クライアントのワイヤーを元にデザイン、コーデイングを担当。女性向きのデザインと個々の商品を引き立てるよう意識しデザイン。
    • SITE DESIGN
    • CODING
    • JQUERY

WHITE DAY

WHITE DAY

  • 2013 EC MALL LANDING PAGE
  • [業種]食品お取寄せギフトの総合サイト
  • クライアントのワイヤーを元にデザイン、コーデイングを担当。扱う商品が女性へのお返しなので、カラーは男性向き、デザインは女性向きの傾向を意識しデザイン。
    • SITE DESIGN
    • CODING
    • JQUERY

MOTHER'S DAY

MOTHER'S DAY

  • 2013 EC MALL LANDING PAGE
  • [業種]EC MALL LANDING PAGE
  • クライアントのワイヤーを元にデザイン、コーデイングを担当。
    • SITE DESIGN
    • CODING
    • JQUERY
    • ILLUSTRATION

OHANAMI SPECIAL

BUSINESS DEMO SITE

  • 2013 BUSINESS DEMO SITE PAGE
  • [業種]商用デモサイトのデザイン
  • モールサイトのライディング制作が多い制作時代、デザインが偏らないようDEMOを制作。デザインのみ。
    サービス、新着野情報や配信を主とする分野のホームページ制作を想定。
    情報配信の更新が多いと仮定し、検索キーワードでの流入に対して、最新の情報が分かり易いようにTOPコンテンツのメインに置くようにした。
    また、サービス内容からユーザーの求めるサービス内容の入り口を明確にし、Facebookの一歩踏み込んだ親近感、Twitterのタイムリーな情報配信を活用する前提としている。

    ◯使用ツール
     Photoshop CS4
    ◯制作期間
     6時間程(※TOPのみ)
    • SITE DESIGN