コーディネート初心者の新生活をはじめる若者をターゲットにしたECサイト。
グリットレイアウトとモノトーンの配色を用いることで、商品に集中できるレイアウトを意識。
サイトのイメージに合ったアイコン(カテゴリから探す)とバナーはすべて自分で作成した。
URL
https://site02.tnkportfolio.com/
制作期間・範囲
企画、構成(20時間)・WF(5時間)・デザイン(8時間)・ コーディング(35時間)
使用ツール
Figma・Illustrator ・Photoshop・Visual Studio Cod
サイトの目的
サイト内での新規登録者と購入率の UP を
ターゲット
新生活をはじめる20代女性
初めてインテリアをコーディネートする利用者
店舗ではなくサイト内で手続きを完了させたいユーザー
情報設計
ユーザーに多くの選択肢をご提案できるように、カラー、テイスト、シーンなどバラエティを設け、上部と下部に設置しました。
悩んでいるユーザーに対して、感覚的に操作しても目的地に誘導できるつくりを意識。
インテリアを初めてコーディネートするユーザーに対して、複数の特集ページやトータルコーディネートをご提案することで言語化できない理想を体現できる設計。そして、セールや時期ごとに変わる特集ページは顧客様、新規・既存ユーザー。
双方が伝えたい、知りたい情報であるためFVに設置しています。
デザイン
商品に集中させることのできるデザインを意識しました。
セクションの箱を1200pxで統一することで、視線が散らかることなく商品に集中できるレイアウトにしています。
しかし、単調になりすぎないように、画像の大きさに大小をつけて飽きさせないかつ注目商品を目に留まるようにしています
。
コンテンツ間の余白を狭くとることで、ベージ全体的が一つのコンテンツであること、流れを途切れさせずユーザーの手を止めさせないような工夫をしています。
また、バナー広告はすべて自作し、全体的に浮かないような統一感を感じさせる色合いにすると同時に、バナーそれぞれの内容にあった配色やフォントを使いました。
