初めて一からのコーディングで不安な気持ちでスタートしました。雑貨サイトと連動してwebクリエイター能力認定試験の対策をしていた為、思っていた以上に
スムーズにコーディングができ、課題制作のおかげでコーディングの楽しさが分かり知識が深められました。苦手分野を克服した思い出のある作品になりました。
| 課題名 |
Macky 雑貨ECサイト |
| サイト仕様 |
- 幅960px 縦任意
- ※ブラウザウインドウサイズ1000～1200pxを想定
- キーカラー：明るい雰囲気のサイトになるような色を提案
|
| 必須要素 |
- サイトロゴ（ショップ名「Macky」）
- 特集の告知（メインエリアとサイドバーの両方に設置）
- 各種バナー（特集以外のキャンペーン、サービスなど）
- 人気商品（3位まで）
- スタッフのオススメ（3点程度）
- 新着アイテム
- ショップからのお知らせ
- ショッピングガイド
- カテゴリー一覧
- ヘッダー・グローバルナビ・フッター
- メインビジュアル
|
| クライアント要望 |
- 整理されて見やすいレイアウト
- 特集やキャンペーンは、バナーを配置して目立つようにすること。
- カテゴリー一覧は、文字ばかりにならないようにする。
- 商品豊富さを印象づけられるような、情報量の多いトップページにすること。
|
| ターゲット |
商品写真から想定できる主要購買層（学生･主婦・家族） |
| 制作意図 |
- 明るく柔らかいイメージにするために、ベースカラーを淡いクリーム色、文字カラーをこげ茶色にしました。
- 商品の情報量を多く見せるために、カテゴリー一覧にドラップダウンをメインビジュアルと特集バナーの写真を別画像にし、メインビジュアルもスライドショーで工夫しました。
- ファーストビューで写真を多めにし、目の動線を意識したわかり易く見やすいレイアウトにしました。
- 20～40代くらいの女性をターゲットに考え、シンプルなイメージで制作しました。
|
| 納期 |
2015年04月 |
| 制作環境 |
・windows7 ・Illustrator CS5 ・Photoshop CS5 |
