http://violet-0022.flier.jp/
架空のアクセサリーショップサイト
新規・既存のお客様に向けた商品の宣伝・販売促進を目的としたWebサイト。
制作期間:4ヶ月
担当箇所:デザイン(レスポンシブ)/HTML / CSS / jQuery
使用ツール:Photoshop/Illustrator
・制作目的
アクセサリーブランド「amuret」の販売促進のため
・ターゲット
20〜30代の流行に敏感な女性
・ペルソナ設定
東京在住の独身女性で会社員をしている。
仕事とプライベート両方で使いわけられるアクセサリーを探している
ネットショッピングをよく利用する
ファッションやアクセサリーが好きで持ち物に拘りがある
・デザインイメージ
大人女性が好むようなくすみカラー・淡いトーンでまとめた落ち着いた配色
シンプル・洗練がイメージできるような配置や余白のバランスを意識
ファーストビューはブランドの世界観が伝わるよう、商品画像を画面に大きく使用しています。
配色はメインカラーをグリーンとホワイト、アクセントカラーをゴールドにまとめ
全体的に大人女性が好むような落ち着いた雰囲気を演出し、
また余白をしっかりとる事でシンプル・洗練を意識したデザインににしています。
ブランドコンセプトで思いに共感していただいたのち、商品紹介、オンラインストアといった誘導を意識してセクションを構成しました。
またhoverやスムーススクロールで動きをつけてユーザーを飽きさせない工夫をしています。
レスポンシブでは全て画像を縦に配置し、PCと変わらずスクロールして見やすくなっています。