notouchace_デザイン

サイト名：ノータッチエース（リニューアル）
http://notouchace.corekago.jp/
(実際に運営しているサイトはこちら）

制作時期：2014年 9月ごろ
制作期間：2ヶ月弱
制作体制：２人（商品ページ以外のサイトデザイン・コーディング担当。）
使用言語：HTML5、CSS3、JQuery(javascript)、
使用ソフト：Excel、Photoshop、テキストエディター(Emeditor)、カートシステム（コレカゴPlus）
コンセプト：買い回りしやすく、買い物に集中しやすいデザイン

コメント：
こちらのお店では、商品登録の際の画像作成・データ作成、バナー作成などの更新業務を主としていました。
ディレクターの指示で、リニューアル目的で、現在運営しているサイトより、
すっきり無駄な分を排除し、シンプルで買い物に集中できるデザインをとのことでつくりました。
状況の変化により、日の目を見ることはありませんでしたので、具体的な効果はわかりませんが、仕事として初めてのトータルで関わったサイト制作でした。

デザインをフラットでシンプルなものにし、多かったナビゲーションも
上部のプルダウンメガメニューにまとめ、買い物に集中しやすいデザインを意識しつつも、目的の商品があるページにどこからでも移動しやすいようにしました。
メガメニューのイメージはAmazonのナビゲーションをイメージしました。

エクセルで作ったワイヤーフレーム

Photoshopでのページデザイン

notouchace完成トップページ

プルダウンに集約したメガメニュー

タブで切り替えるランキングページ