概要

Instagramにてネイルチップ販売を行うmadeit様(架空)の新規webサイトを制作いたしました。

目的

Instagram以外に集客の場を増やしたい。
商品の世界観がより伝わるサイトを制作することでリピーターを増やす。 オーダーからお届けまでの流れをわかりやすく提示することで新規客増加を狙う。

ターゲット

10代後半〜30代女性。
学校や仕事で普段ネイルが出来ないが、美容やファッションへの投資意識が高い層。

情報設計

多数のユーザーがInstagramのリンクからWebサイトへアクセスすることを想定し、モバイルファーストのWebサイトを制作いたしました。 オーダーメイドの商品を購入するハードルを下げるために、画像を多く用いることでオーダー方法をわかりやすく紹介することを意識しました。 また、1つのページに設置するCTAは統一させて選択肢を減らすことで購買意欲の高いユーザーを混乱させない構成を心がけました。 ボタンにおいては遷移先のイメージがわかりやすい文言で統一し、次のページに進むワクワク感を出せるようにしました。

デザイン

サイトのデザインイメージを販売している既存ネイルチップのデザインイメージに合わせることで、サイトに訪れてすぐに商品の世界観がわかるような配色やフォントを選びました。 大人ガーリーをコンセプトに上品さと可愛らしさを演出することでブランド力を魅せられるよう意識しました。商品画像やボタンは角丸にすることで柔らかさや女性らしさを演出しました。

制作期間

使用ツール

Figma/Photoshop/Illustrator/Visual Studio Code