ECサイト:雑貨店『Macky』

◎制作内容

サイトの目的 サイトを通じて商品が売れ、サイト自体の認知度アップにつなげる
マンション概要 一般消費者を対象にしたネットショッピングサイト。
贈答品から気軽に使える雑貨まで取り揃えている。
クライアント要望
  • 1. 整理理されて見やすいレイアウト
  • 2. 特集やキャンペーンは、バナーを配置して目立つようにすること
  • 3. カテゴリー一覧は、文字ばかりにならないよう工夫する
  • 4. 商品の豊富さを印象付けられるような、情報量の多いトップページにすること
必須要素
  • ・ サイトロゴ(ショップ名「Macky」)
  • ・ 特集の告知(メインエリアとサイドバーの両方に設置)
  • ・ 各種バナー(特集以外のキャンペーン、サービス など)
  • ・ 人気商品(3位まで)
  • ・ スタッフのおすすめ(3点程度)
  • ・ 新着アイテム
  • ・ ショップからのお知らせ
  • ・ ショッピングガイド
  • ・ カテゴリ一覧
  • ・ ヘッダー、グローバルナビ、フッター
  • ・ メインビジュア
サイズ 横幅:960px  ※ディスプレイサイズは1000~1200を想定

◎制作意図

サイトコンセプト 世界中のバイヤーネットワークが集めた世界の雑貨が購入できるECサイト。
商品はもちろんクローズアップされるが、バイヤーをできるだけ前面に出すことにより、世界とつながり現地のものを直接購入している感が味わえる。
ターゲット
  • ・ 20代~30代の女性
  • ・ 世界中のかわいい、ユニークな雑貨が好きな人
クライアント要望への対応 1. 整理理されて見やすいレイアウト
  • → 2カラム構成にし、それぞれの役割を明確化した。
    メインカラム:
    ショップ側から伝えたい情報がメイン
    サイドカラム:
    お客様が商品を容易に探すことができるよう、
    色々な切り口で検索するカラム
  • → 各項目にタイトルをつけ、背景色などで区切りをつけた。
  • → スペースをできるだけ沢山とってゆとりのあるサイトとした。
  • → 各タイトルにアイコンをつけることにより、視覚的に内容が判断できるようにした。
2. 特集やキャンペーンは、バナーを配置して目立つようにすること
  • → メインビューのすぐ下に特集を配置
  • → 目立つ色(ピンク系と紫系)を特集バナーのメインカラーに採用
  • → メインカラムとサイドカラムの2箇所に配置
3. カテゴリー一覧は、文字ばかりにならないよう工夫する
  • → カテゴリーのトップを写真にすることにより、カテゴリーの内容が視覚的に
    分かるようなデザインにした。
4. 商品の豊富さを印象付けられるような、情報量の多いトップページにすること
  • → トップページにお客様が知りたい基本情報を全て入れ込んだ。
    (第二階層に行く必要がない)
  • → できるだけ商品の写真を掲載することにより、商品の豊富さをアピール。
創意・工夫
  • ・ 商品のオススメはバイヤーのオススメとし、名前やバックグランドを記載する
    ことにより、親近感を出した。
  • ・ かわいいさ、ユニークさを出すために、人の顔写真は使用せずアイコン化した。
制作時間 約40時間
  • サイトコンセプト作成:3時間
  • ラフ作成:3時間
  • デザイン作成(AI):19時間
  • コーディング:15時間
制作日 2015年1月
copyright © 2014 Webマーケティングデザイナー科 第7期生 生徒作品.All rights reserved.