ECサイトのトップページを作りました。

Mackyサイト画像

アイコン←サイトはこちら

オンラインショップの認知度を上げるため特徴的なデザインにしようと考えた。アンティーク、食器、和雑貨とバリエーションが豊富だったのでそれらをまとめる為にどんなデザインが良いかを考えるのが難しかった。コーディングは楽しかった、そしてまず小さいミスをなくすことが目標。

課題名 ECサイト制作
制作時期 2015年08月
課題内容
  • 雑貨のオンラインショップのトップページのデザインおよびコーディング。
  • 目的…サイトを通じて商品が売れること。サイト自体の認知度アップ。
デザインの要望
  • 整理されて見やすいレイアウト。
  • 特集やキャンペーンへお客様の誘導できるよう目立たせる。
  • カテゴリ一覧は、文字ばかりにならないよう工夫する。
ショップ概要
  • ショップ名:『Macky(マッキー)』
  • オンラインショップである。
  • 贈答品から気軽に使える雑貨まで豊富に商品を揃えている。
  • 主に一般消費者を対象にしている。
制作意図 商品のラインナップは和洋さまざまなものがあったため、様々な商品がお店に盛り沢山に並んでいる様子にしようと考えた。
Web上のショップではあるが、店という建物の空間の中に商品が詰まっていることで豊富な商品量をアピールし、お客様店を訪ねた感覚になることを目標にした。
建物の中で象徴的な部分として、天井をモチーフにし、格子天井に描かれた絵のように商品がはまりこんでいて、一見絵であるが、そこからリンクでシーン別の商品が見られるコーナーにすることを想定。背景は空にして建物の中と外の空間の違いを表した。
格子天井の絵を、カーソルオンすると写真になる動きをつけて楽しげにして、長い滞在をしていただけることを目指している。
サイト自体の認知度アップが目的の一つなので、このように特徴的な見た目にした。
制作環境 Windows7/illustratorCS5・CC/PhotoshopCS5・CC
copyright © 2015 Webマーケティングデザイナー養成科 第9期生 生徒作品.All rights reserved.