課題2:ECサイトのWebデザイン 「Macky マッキー」
※製作内容はすべて仮想です。実在の人物や団体などとは関係ありません。

画像の代替テキストを入力

【感想】全体のレイアウトがなかなか決まらず苦戦。コーディングまで出来るかが不安でしたが、今までの授業を復習しながら制作を進めました。お店のロゴやカラーにはこだわりを持って制作出来たと思います。アイコンも素材を使用するのではなく自分でデザイン出来た点も達成感がありました。デザイン通りにコーディングまで完成して嬉しさと共に安堵感も。

課題名 ECサイト制作
納期 2016年3月15日
クライアントの要望
  • 整理されていて見やすいレイアウト。
  • 特集やキャンペーンにお客様を誘導できるよう目立たせてほしい。
  • カテゴリー一覧は、文字ばかりにならないよう工夫してほしい。
  • 商品の豊富さを印象付けられるようなトップページ。
サイトの概要・目的 主に一般消費者を対象にしたネットショッピングサイトで、贈答品から気軽に使える雑貨まで取り揃えています。サイトを通じて商品が売れること、サイト自体の認知度アップが目的です。
ターゲット 20代前半~30代の女性。1人暮らしをしている人がメインターゲット。
サイズ 幅:960px程度/高さ:任意
必須構成要素
  • サイトロゴ(ショップ名:Macky)
  • 特集の告知(季節柄やサイトの性格を想定して特集を4つ考える)
  • 各種バナー(訪問者別の誘導バナー、サービス紹介 など)
  • 人気商品の紹介
  • スタッフのおすすめ(3点程度)
  • 新着アイテム
  • ショップからのお知らせ
  • ショッピングガイド
  • 商品カテゴリ一覧
  • ヘッダー、グローバルナビ、フッター
  • メインビジュアル
制作時間 3月7日~3月11日/計5日間(約35時間)
制作環境 OS/Windows7、使用ソフト/Illustrator CS5、Photoshop CS5、HTML5、CSS3
制作意図 メインターゲットを「1人暮らしの女性」にしており、オシャレに敏感でカフェや雑貨屋が好きな女性、好きなアイテムを日常生活にも取り入れ、自分の部屋で居心地の良い空間を楽しめるような雑貨を取り揃えるサイトという事を全面に出してデザインを考えました。「どんな感情の時もあなたの側にはマッキー」というキャッチフレーズを考え、寄り添うようにいつも使えるECサイトがあることをアピールしています。カラーはホワイトをベースにビタミンカラーを採用して、サイトを見ているだけで元気になれるよう工夫しています。また、サイトを見ることを自体を楽しめるよう、サイトのどこかに隠れている「幸せのクローバー探し」のイベントを入れ、遊び心を擽るような企画を考えてバナーを設置しました。レイアウトは出来るだけシンプルに、且つ分かりやすさを考慮してクライアントの意向に応えられるよう考えました。
一番工夫した点は、「どんな感情の時もあなたの側にはマッキー」というキャッチフレーズに沿う導線を考えた点です。TOPページに「今の感情からアイテムを探すバナー」を貼る事で、違う切り口からの誘導を図っています。バナー自体のデザインも箱型の顔を可愛らしくデザインして個性も出せるようにしています。
  • HOME
  • HARVEST_1
  • HARVEST_2
  • HARVEST_3
copyright © 2016 Webマーケティングデザイナー科 第11期生 生徒作品.All rights reserved.