■雑貨ECサイト　トップページ■

>Webサイトはこちら

■雑貨ECサイト　下層ページ■

>Webサイトはこちら

課題名	雑貨ECサイトのデザイン及びコーディング
サイト概要	主に一般消費者を対象にしたネットショッピングサイト 贈答品から気軽に使える雑貨まで取り揃えている サイトを通じて商品が売れること、サイト自体の認知度アップが目的
クライアント要望	整理されて見やすいレイアウト 特集やキャンペーンはバナーを配置して目立つようにすること カテゴリ一覧は文字ばかりにならないよう工夫する。 明るい雰囲気のサイトになるような色使い ターゲットは商品写真から想定できる主要購買層
サイズ	横：960px　縦：任意　 ※ブラウザウインドサイズ1000×1200pxを想定
構成要素	サイトロゴ（ショップ名『Macky』） 特集の告知（メインエリアとサイドバーの両方に設置） 各種バナー（特集以外のキャンペーン、サービスなど） 人気商品（３位まで） スタッフのおすすめ（３点程度） 新着アイテム ショップからのお知らせ ショッピングガイド カテゴリー一覧 ヘッダー、グローバルナビ メインビジュアル
制作意図	おしゃれな雑貨を購入するような20～30代にターゲットを絞り、 好みに差が出ない中性的なデザインにした。 メインビジュアルでは明るい雰囲気になるように黄色をメイン カラー、赤をキーカラーにした。また、写真を沢山入れることと、 枠にカラフルな色をつけることで商品の豊富さをアピールし、 グローバルナビはシンプルなデザインに、キャンペーンは 原色と写真をなるべく使わないようにし、メインビジュアルを 目立たせた。 情報量や文字が多いので、ピクトグラムを使うことで可視性を 出し、情報の重要性を考えて配置した。 下層ページはメインビジュアルが目立つよう、ヘッダーを細くし、 シンプルなデザインで商品の写真を目立たせた。
制作時間	60時間
制作環境	OS:Windows7,Mac OS X Adobe PhotoshopCS5/CC IllustratorCS5/CS6