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日間。
GURUNAVI DELIVERY
出前・宅配・デリバリーの総合モールサイト。ネット注文を促進する特集ページを担当。
テーマと表示項目などクライアントの希望に沿ってデザインを考案。商品情報はみやすく、徘徊しやすいようにデザインとユーザビリティを考慮、食品画像はシズル感を意識し若干暖色に加工。
◯使用ツール&言語
Photoshop CS5
Illustrator CS5
XHTML
CSS
JQUERY
CSS3 (※1 :スマートフォン案件)
◯制作期間
デザインは1日〜2日。
イラストを含む場合は3〜4日。
コーディング
簡単な内容は半日〜1日。
長いページや細かい構成の際は2〜3日。
OHANAMI DELIVERY
- 2013 EC MALL LANDING PAGE
- [業種]デリバリー情報の総合サイト
- クライアントのワイヤーを元にデザイン、コーデイングを担当。お花見の賑やかさとデリバリーを意識しデザイン。
-
EC MALL LANDING PAGE
- 2013年 EC MALL LANDING PAGE
- [業種]デリバリー情報の総合サイト
- クライアントのワイヤーを元にデザイン、コーデイングを担当。家で楽しく過ごす家族の明るい雰囲気のGWと新緑の初夏を意識しデザイン。
-
2013 EC MALL LANDING PAGE (SMART PHONE)
- 2013 EC MALL LANDING PAGE (SMART PHONE)
- [業種]デリバリー情報の総合サイト
- スマートフォン向けのコーデイングを担当。
-
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
- 2013 GOURMET TRIP LANDING PAGE
- [業種]ホテル・旅館関連食情報の総合サイト
- ご当地グルメサイト スマートフォン向けのコーデイングを担当。
-
GURUNAVI SHOKUICHIBA
2013 EC MALL LANDING PAGE
日本全国の食材お取り寄せ総合モールサイト。ネット注文を促進する特集ページを担当。
クライアントからのテーマとページ構成を元にデザインを考案。ワイヤーのパターン化とCMSの制限の中で特集毎の雰囲気などを商品が見みやすいよう構成。デザインの装飾はクライアントの要望で賑やかなテイストにしています。
◯使用ツール&言語
Photoshop CS5
Illustrator CS5
XHTML
CSS
JQUERY
◯制作期間
デザインはTOP2日。
下層は1日3〜4ページ。
コーディングはTOP半日。
下層1日4ページ。
VALENTINE
- 2013 EC MALL LANDING PAGE
- [業種]食品お取寄せギフトの総合サイト
- クライアントのワイヤーを元にデザイン、コーデイングを担当。女性向きのデザインと個々の商品を引き立てるよう意識しデザイン。
-
WHITE DAY
- 2013 EC MALL LANDING PAGE
- [業種]食品お取寄せギフトの総合サイト
- クライアントのワイヤーを元にデザイン、コーデイングを担当。扱う商品が女性へのお返しなので、カラーは男性向き、デザインは女性向きの傾向を意識しデザイン。
-
MOTHER'S DAY
- 2013 EC MALL LANDING PAGE
- [業種]EC MALL LANDING PAGE
- クライアントのワイヤーを元にデザイン、コーデイングを担当。
-
BUSINESS DEMO SITE
- 2013 BUSINESS DEMO SITE PAGE
- [業種]商用デモサイトのデザイン
- モールサイトのライディング制作が多い制作時代、デザインが偏らないようDEMOを制作。デザインのみ。
サービス、新着野情報や配信を主とする分野のホームページ制作を想定。
情報配信の更新が多いと仮定し、検索キーワードでの流入に対して、最新の情報が分かり易いようにTOPコンテンツのメインに置くようにした。
また、サービス内容からユーザーの求めるサービス内容の入り口を明確にし、Facebookの一歩踏み込んだ親近感、Twitterのタイムリーな情報配信を活用する前提としている。
◯使用ツール
Photoshop CS4
◯制作期間
6時間程(※TOPのみ)
-