Art tour site

架空のヘアサロン u kuriのサイトを作りました。

URL

ukuri.cherrywanwan.com

担当

デザイン・コーディング

サイトの目的

まずお店の名前を知ってもらうこと、顧客獲得

ターゲット

子供がいる家族

デザインについて

全体的にポップで親しみやすいデザインで、黄色と緑をイメージカラーに南国っぽい雰囲気を意識しました。
アイコンはお店の店主をイメージし、鼻と口にお店の名前を入れてみました。
トップのイラストはどんな髪型にするか迷っているお客様をイメージしました。
カテゴリーごとに髪型を変えた人のアイコンを作ったり、スタッフ紹介をイラストにしたりして
ポップなデザインになるように意識しました。

コーディングについて

ページトップのメニューバーを押すと下のそれぞれのカテゴリーに飛べるようにしました。
インスタグラムとホッとペッパービューティーのアイコンを押すとそれぞれのリンクに飛びます。
トップの髪型をスライドさせたり、スタッフ紹介のイラストが実写に変わったりする設定をし、
ヘアサロンが苦手な子供さんでもまずお店に興味を持って頂けるようなコーディングをしました。
また、右横のバナナのキャラクターはトップへ戻るボタンになっています。
様々な動きをつけることで、少しでもお店に興味を持って頂けるようコーディングしました。