画像:ECサイト

初めてデザインからコーディングまで完成させた作品になります。
この3ヵ月間で一番苦戦したのもこの雑貨サイト。
作成途中に迷子にならないように、ラフでしっかりとイメージを固めていても、ピクセル計算をしながらのコーディングではまさかの徹夜。課題地獄の真っ只中に認定試験といった、まさかのスケジュール。
なにから手を付けてよいのか分からない中、みんなに教えてもらいながら頑張った、とても印象深い作品になりました。

課題名 ECサイト
案件仕様 一般消費者を対象にしたネットショッピングサイト
贈答品から気軽に使える雑貨まで取り揃えてる
案件目的 サイトを通じて商品が売れること
サイト自体の認知度度アップが目的
デザイン要望
  • 整理理されて見やすいレイアウト
  • 特集やキャンペーンは、バナーを配置して目立つようにする
  • カテゴリー一覧は、文字ばかりにならないよう工夫する
  • 商品の豊富さを印象付けられるような、情報量の多いトップページにする
必須要素
  • サイトロゴ(ショップ名「Macky」)
  • 特集の告知(メインエリアとサイドバーの両方に設置)
  • 各種バナー(特集以外のキャンペーン、サービス など)
  • 人気商品(3位まで)
  • スタッフのおすすめ(3点程度)
  • 新着アイテム
  • ショップからのお知らせ
  • ショッピングガイド
  • カテゴリー覧
  • ヘッダー、グローバルナビ、フッター
  • メインビジュアル
構成意図 20代~30代の女性をターゲットに絞り、商品の多さをアピールする為,TOPページに たくさんの商品を盛り込みました。
メインビジュアルには「世界から集めた」という意味を込めて、地球儀の写真を使用。
期間限定の特集をメインのトップに持っていくことで、商品の売り尽くしを狙い、ターゲット 層に多く求められるweddingとgiftを特集に追加しました。
商品の回転の良さを印象つける為に、新着商品は各ジャンルから多めにピックアップしました。
シンプルで見やすいようにグリットで構成し、ホワイトベースのやわらかい印象になるカラーで まとめてみました。
マウスオーバー時には変化をつけ、カテゴリー一覧では、アイコンをつけることで女性らしい 可愛らしさを表現してみました。
制作規格 横幅: 60px(高さは任意)
キーカラー:明るい雰囲気のサイトになるような色を提案
ターゲット: 商品写真から想定できる主要購買層
制作日 2016年4月
制作環境 OS/Windows7 使用ソフト/illustrator CS5・photoshopCS5
copyright © 2015 Webマーケティングデザイナー科 第8期生 生徒作品.All rights reserved.