Mackyサイト制作編
→Webサイトはコチラ
2つ目の課題。女性向けということもあり、デザインはかなりしやすかったです。初めてコーディングを1から行いましたが、なかなかうまく出来たと自負しております。
| 課題 |
｢Macky｣ ECサイトのトップページデザイン・コーディング |
| 納期 |
2014年01月19日 |
| クライアント要望 |
- 整理されて見やすいレイアウト
- カテゴリ一覧は、文字ばかりにならないよう工夫する
- 特集やキャンペーンは、バナーを配置して目立つようにする
- 商品の豊富さを印象付けられるような、情報量?の多いトップページにする
|
| 商品特徴 |
｢人｣と｢環境｣をテーマに総個数50戸程度の8階建てマンション |
| 商品概要 |
- 主に一般消費者を対象にしたネットショッピングサイト
- 贈答品から気軽に使える雑貨まで取り揃えている
- サイトを通じて商品を売れること、サイト自体の認知度アップが目的
|
サイズ |
- 横幅960px
- 縦幅任意（ブラウザウインドウサイズ1000〜1200pxを想定）
|
| キーカラー |
明るい雰囲気のサイトになるような色を提案 |
| ターゲット |
商品写真から想定できる主要購買層 |
| 必須条件 |
- サイトロゴ
- 特集の告知
- 各種バナー
- 人気商品（3位まで）
- スタッフのおすすめ（3点程度?）
- 新着アイテム
- ショップからのお知らせ
- ショッピングガイド
- カテゴリ一覧
- ヘッダー
- グローバルナビ
- フッター
- メインビジュアル
|
| 製作意図 |
- おしゃれで可愛いものに敏感な10〜20代の女子をターゲットとしました
- キーカラーを｢ピンク｣とし、商品が埋もれないよう白を多めに入れました
- バナーやアイコンを可愛いデザインにしました
- 更新の手間を考え、商品写真のサイズが変更になっても対応できるようにスタイルを当てました
|
| 制作期間 |
1/5〜1/23 |
| 制作時間 |
30時間 |
| 制作環境 |
Adobe PhotoShop CS5、Adobe Illustrator CS5、Xhtml、CSS |
