ECサイト「Macky」制作

コーディングしたサイトはこちら

この課題で、初めてラフ→デザイン→コーディングとすべての工程を通して作成しました。ラフを書く段階で黒をベースとしたシンプルなデザインを思いついたのですが、実際にデザインに取り掛かるとどうしても地味で暗い印象になってしまい、シンプルなデザインこそ難しいと気がつきました。最終的には背景に紙の素材を置くなどして、ヴィンテージな雰囲気を出すことができよかったです。

タイトル	ECサイト「Macky」
制作期間	2015年12月01日～12月11日
クライアント要望	整理されて見やすいレイアウト特集ページやキャンペーンにお客様を誘導できるよう目立たせるカテゴリー一覧は文字ばかりにならないように工夫する商品の豊富さを印象付けられるようなトップページにする
製作意図	特集ページのリンクをJavaScriptで動きをつけてトップに設置しまし、リピーターのお客様にも新鮮さを持っていただけるよう工夫しましたバナーは背景に古紙風の素材を使用し、それ自体を目立たせつつサイト全体のイメージが損なわれないようにしました黒色の背景やロゴが重たくなりすぎないよう、部分的にスタンプのようにかすれた加工をして軽いイメージを出しましたバナーの文字は、大きい文字と小さい文字の強弱をつけて文章を読みやすく工夫しました
必須要素	サイトロゴ/ショップからのお知らせ/特集の告知/ショッピングガイド/各種バナー/商品カテゴリー/人気商品の紹介/ヘッダー、グローバルナビ、フッター/スタッフのおすすめ（3点程度）/メインビジュアル/新着アイテム
サイズ	横960px　縦任意（ブラウザウィンドウサイズ1000px～1200px）
制作環境	illustrator cs5