Webデザイン/コーディング
[生活雑貨販売サイト] Macky
※コーディングはトップページのみ
課題内容
| 案件概要 | 名称 ： Macky（生活雑貨販売サイト） |
|---|---|
| 目的 | 一般消費者を対象としたネットショッピングサイト 贈答品から気軽に使える雑貨まで幅広い商品を取り揃えている サイトを通じて商品が売れること、サイト自体の認知度アップが目的 |
| デザイン要望 | 整理されて見やすいレイアウト 特集やキャンペーンにお客様を誘導できるように目立たせる カテゴリー一覧は文字ばかりにならないようにする 商品の豊富さを印象付けられるようなトップページにする |
| 画面サイズ | 幅960px 縦任意 ※ブラウザウィンドウサイズ1000～1200pxを想定 |
| ターゲット層 | 20代～30代後半くらいまでの女性 普段忙しくてなかなか買い物に行けない女性をメインターゲットとする |
| 構成要素 | サイトロゴ/特集の告知（季節柄やサイトの性格を想定して特集を4つ考える）/各種バナー（訪問者別の誘導バナー、サービス紹介 など）/人気商品の紹介/スタッフのおすすめ（3点程度）/新着アイテム/ショップからのお知らせ/ショッピングガイド/商品カテゴリ一覧/ヘッダー、グローバルナビ、フッター/メインビジュアル |
| コンセプト | 20代以上の女性をターゲットとしたため、サイトのメインカラーをパステル系の緑色に設定した。ペースカラーは落ち着いた印象の白に近い灰色とした。今回のサイトは品揃えが豊富な事を伝えられるように多くの商品をトップページに配置したが、情報量が多すぎるとその分ごちゃごちゃして見づらくなるため、商品等の紹介ではシンプルなデザインを意識した。その分各バナーはカラフルなものをメインに配置し、目を惹くようにしている。また、買い物がしやすいサイトとなるようカテゴリやバナー上にマウスが乗ると色が変化するなど動きをつけた。 |
| 制作環境 | windows7 Illustrator CS5 Photoshop CS5 |
| 制作時間 | デザイン…約12時間 コーディング…約18時間 (2016年03月07日～03月15日) |