20-30代女性をターゲットにしたアパレルブランドのECサイトを制作致しました。
XD URL
担当・作業時間
企画(1時間)・デザイン(6時間)・コーディング(60時間)
使用ソフト
Visual Studio Code / Adobe XD
仕様
PC (1920px × 1080px)、モバイル( 390px × 844px )
サイトの目的
ブランドの周知とアイテム購入率の上昇
ターゲット
20-30代のファッション感度の高い女性、モード系ファッションが好きな女性
デザインについて
顧客層を考慮し、ブランドのイメージ優先でサイトを作成致しました。
直線のラインを使うことでスタイリッシュさを演出。モードな印象が強いモノトーンにビビッドな差し色のバイカラー配色にすることでスポーティーさやストリート感を加え、ブランドコンセプトであるストリートモード/スポーツモードのファッションスタイルであることをウェブサイトを訪れただけで理解できるようにしました。
コーディングについて
ECサイトであることを考慮し、ウィッシュリスト・カート・ログイン画面を上部のわかりやすい部分に配置しました。
また、トップページではブランドが今季で推していきたいアイテム群と売れ筋商品であるアイテム群のデザインを分け、黒やグリーンの斜めのラインを加えることで飽きさせない、単調な印象にならないようにしています。
オンラインショップ画面では直感的にお気に入り登録が出来るよう、ハートのボタンを設置いたしました。
モバイル版のハンバーガーメニューでは、アコーディオンメニューを使用することですぐにアイテムのカテゴリに飛べるようにし、サーチ画面をヘッダーに置くことですぐに商品の検索が出来るようユーザビリティを意識しています。