制作一例 SORARIE(ソラリエ)

自主制作・架空 美容室・ヘアサロン

SORARIE(ソラリエ)

  • 窓の光だけで写った一枚を選び、白と銀鼠の余白に置いた4ページ。
  • 料金表・間取り図・道順の略図まで、下層ページこそ作り込みました。
  • サロン
  • 白基調
SORARIE(ソラリエ)のデスクトップ表示。ヒーロー部分
パソコンで見たとき(1440px)
SORARIE(ソラリエ)のスマートフォン表示。ヒーロー部分
スマホで見たとき(390px)
SORARIE(ソラリエ)の下層ページのデスクトップ表示
下層ページの一例(1440px)

つくるときに考えたこと

「店では照明をほとんど点けない」という設定から考えはじめました。画面のほうにも影を落とさず、白と銀鼠と淡青の三色だけ。区切りはすべて一本の細い線です。撮影はしていません。Unsplash と Pexels の商用利用できる素材から、窓の光だけで写ったものを選び抜きました。暗いサロンも、青白い蛍光も、決めポーズのモデルも採っていません。出所は素材台帳に、全点ぶん控えてあります。

トップページだけ立派で、下層に入ると急に素っ気なくなるサイトをよく見かけます。ここでは料金表・間取り図・道順の略図を、それぞれ下層ページの主役として組みました。料金は所要時間を線の長さで並べ、時間と金額をいっしょに見比べられるようにしています。

全4ページ(トップ/メニュー/店のこと/ご予約・アクセス)を同じ世界観でつくり、どのページからでも行き来できるようにしました。見出しは読む速さに合わせて一行ずつ立ち上がります。動きが苦手な方の端末では、すべて止まった状態のまま最初から読めます。スマートフォンでは、文字が言葉の途中で折れない位置で改行しています。

実物を見る

実物がそのまま動きます。
スマートフォンでも同じ内容をご覧いただけます。

あなたのお店だと、どうなるでしょう。

お申し込みは3分。48時間以内に、実物のURLが無料で届きます。

無料プレビューを頼む

無料。気に入らなければ、そのままで大丈夫です。