Kasukono Works - EC SITE

EC雑貨サイト『Macky』

ECサイトということで、情報量が多く、デザイン、コーディング共にかなりてこずりました。orz
デザインがとても難しかった、、なんだかごちゃごちゃしてしまって。
でも、だんだんやっていくにつれて楽しくなってきて、この課題で結構知識が身についたと思います(^o^)
Javascriptも、自分の力で動かすことができました！いえい！
このサイトを作って、コーディングをもっと勉強したいと強く思いました！

課題名	EC雑貨サイト『Macky』
納期	2014年06月13日
サイト概要	主に一般消費者をターゲットとしたネットショッピングサイト贈答品から気軽に使える雑貨まで取り揃えているサイトを通じて商品が売れること、サイト自体の認知度アップが目的
デザイン要望	整理されて見やすいレイアウト（グリッドデザイン）特集やキャンペーンは、バナーを配置して目立つようにすることカテゴリー一覧は、文字ばかりにならないよう工夫する商品の豊富さを印象付けられるような、情報量の多いトップページにすること明るい雰囲気のサイトになるような色を提案ターゲットは、商品写真から想定できる主要購買層（素材として配布された商品写真を見て、自分なりにターゲットを想定する）
必須要素	サイトロゴ（ショップ名『Macky』）特集の告知（メインエリアとサイドバーの両方に設置）各種バナー（特集以外のキャンペーン、サービスなど）人気商品（３位まで）スタッフのおすすめ（３点程度）新着アイテムショップからのお知らせショッピングガイドカテゴリー一覧ヘッダー、グローバルナビメインビジュアル
サイト仕様	横幅：1200px キーカラー：オレンジターゲット：可愛いものが好きな20～30代女性
制作意図	上記のような女性をターゲットに、シンプルで明るく優しいサイトを目指しました。キーカラーをオレンジに設定して全体の雰囲気を明るくしつつ、パステルカラーや文字色にグレーを使用。情報量は多いけれど、シンプルに見えるよう心がけました。ヘッダー部分のボタンやグローバルナビ、サイドのカテゴリー覧にはピクトグラムやモチーフを使用し、パッと見でもすぐに理解できるようなデザインにしました。雑貨サイトということで、フッター部分に画用紙やマスキングテープで作成した背景を使用したところもこだわりのひとつです。