Works美容室のサイト 10パターン

何をしたか

架空の美容室「hair salon nagi」のサイトを、同じ中身のまま10通りのデザインで作りました。下の一覧から、実際の画面を開いて動かせます。

やったこと

1. 人物の写真・額縁・白黒と大きな店名・大きな英字・イラスト・縦長の写真・淡いぼかし・写真の格子・ベージュの面・情報を上に、の10の方向
2. メニューと料金・スタイル・スタッフ・サロン情報・お知らせを1ページに
3. 予約の入口を「ネット・LINE・電話」の3つに分けて並べた
4. スクロールで出てくる動き・読み込み画面・フッターの形を、パターンごとに変えた
5. 写真はすべて著作権フリー（CC0）のものを使用

お店のご依頼では

美容室のご依頼では、この中から近い雰囲気を選んでいただき、スタイルの写真とメニューに差し替えます。今お使いのネット予約サービスへのボタンもそのままつなげます。

動きの見本

見本の1つをスクロールしたところを録画したもの（音なし・約15秒）。

見本を開く

• 01人物の写真・回る文字
• 02小さな額縁と細い線
• 03白黒写真と大きな店名
• 04写真いっぱい・大きな英字
• 05色の図形のイラスト
• 06縦長の写真と縦のメニュー
• 07淡い色のぼかし
• 08写真を並べた格子
• 09左にベージュの面と線画
• 10上に店の情報・横長の写真

見本は同じタブで開きます。上の黒い帯の「作品の説明に戻る」で、このページに戻れます。