Web課題制作

→ web版はこちら (新しいウィンドウが開きます）

画像：Mackyトップページ
課題名 ECサイト 雑貨ショップ「Macky」
サイト概要
  • 一般消費者を対象にしたネットショッピングサイト
  • 贈答品から気軽に使える雑貨まで取り揃えている
  • サイトを通じて商品が売れること、サイト自体の認知度アップが目的
サイズ 幅：960px 縦：任意
※ブラウザサイズ1000～1200pxを想定
クライアント要望 明るい雰囲気のサイトになるような色使い
構成要素
  • サイトロゴ
  • ヘッダー、グローバルナビ、フッター
  • メインビジュアル
  • 特集の告知
  • 各種バナー
  • 人気商品(3位まで）
  • スタッフのおすすめ
  • 新着アイテム
  • ショップからのお知らせ
  • ショッピングガイド
  • カテゴリー一覧
製作意図 ２０代から３０代の女性が親しみやすいサイトを目指しました。
パソコンの操作が不安・・という方にも安心してお使いいただけるよう、知りたい情報にジャンプするグローバルナビを広くとりました。
情報量が多いので視線の動きやコンテンツ重要度を考えてページを構成しています。
文字情報は簡潔に、商品写真は背景を広めにとってお客様が使うシチュエーションや想像が広がるように意識しました。
メインカラーを白・茶色・グレー、アクセントカラーに赤を使用しました。
サイトロゴ ロゴ：マッキー
ショップ名「Macky」をそのまま用いてMを髭に見立てました。
「身近」な「愛される」お店なるよう目とシルクハットを加え、
可愛らしいキャラクターに仕上げました。
コーディング
(→web版はこちら)		 メインビジュアルとNew ItemにJavaScriptを使用しています。
メインビジュアルのテーマを「ジューンブライド」とし、ストーリーのあるスライドショーにしました。
制作時間 デザイン30時間
コーディング25時間
制作環境 OS：Windows7,Mac OSX
Adobe Illustrator CS5/CS6
Adobe Photoshop CS5/CS6

▲このページの先頭に戻る