猫の手をかしてください。

●ECサイト●

画像:ECサイトデザイン

美化されたわたし|Gifアニメ Webサイトのデザイン第二弾。前回よりはソフトの操作がレベルアップしていましが、
今回はコーディングが必須、更に内容量が盛りだくさん。
写真に目を通すだけでも時間が掛かりましたが、jQueryに挑戦する事ができ、楽しい課題となりました。

課題名 「ECサイト」Webデザイン
納期
  • 2014年09月04日(デザイン)
  • 2014年09月19日(コーディング)
仕様・規格 サイズ:幅960px × 縦任意
クライアント要望
  • 整理されて見やすいグリッドデザインとすること
  • 特集やキャンペーンは、バナーを配置して目立つようにすること
  • カテゴリ一覧は文字ばかりにならないよう工夫すること
  • 商品の豊富さを印象付けられるような、情報量の多いトップページとすること
構成要素
  • サイトロゴ(ショップ名「Macky」)
  • 特集の告知(メインエリアとサイドバー両方)
  • 各種バナー(特集以外のキャンペーン、サービス)
  • 人気商品(3位まで)
  • スタッフのおすすめ(3点程度)
  • 新着アイテム
  • ショップからのお知らせ
  • ショッピングガイド
  • カテゴリ一覧
  • ヘッダー、グローバルナビ、フッター
  • メインビジュアル
制作意図 ある程度、時間とお金に余裕のある大人の女性をターゲットと考えました。
ドット柄で可愛らしさを。配色の落ち着いたオレンジ、ピンク、グレーで可愛すぎない大人の雰囲気を出しました。
写真やバナーなどを多く配置するサイトの為、雑然となり過ぎないよう、余白を多く取ること、余白のサイズを合わせることを心がけました。
制作環境
  • 制作時間:約35時間(ラフ図、デザイン)、約15時間(コーディング)
  • システム:IllustratorCS5・CC、PhotoshopCS5・CC、TeraPad
  • ブラウザ:Google Chrome、Safari、Firefox、Internet Explorer
copyright © 2014 Webマーケティングデザイナー養成科 第5期生 生徒作品.All rights reserved.