制作一例 SORARIE(ソラリエ)
自主制作・架空 美容室・ヘアサロン
SORARIE(ソラリエ)
- 窓の光だけで写った一枚を選び、白と銀鼠の余白に置いた4ページ。
- 料金表・間取り図・道順の略図まで、下層ページこそ作り込みました。
つくるときに考えたこと
「店では照明をほとんど点けない」という設定から考えはじめました。画面のほうにも影を落とさず、白と銀鼠と淡青の三色だけ。区切りはすべて一本の細い線です。撮影はしていません。Unsplash と Pexels の商用利用できる素材から、窓の光だけで写ったものを選び抜きました。暗いサロンも、青白い蛍光も、決めポーズのモデルも採っていません。出所は素材台帳に、全点ぶん控えてあります。
トップページだけ立派で、下層に入ると急に素っ気なくなるサイトをよく見かけます。ここでは料金表・間取り図・道順の略図を、それぞれ下層ページの主役として組みました。料金は所要時間を線の長さで並べ、時間と金額をいっしょに見比べられるようにしています。
全4ページ(トップ/メニュー/店のこと/ご予約・アクセス)を同じ世界観でつくり、どのページからでも行き来できるようにしました。見出しは読む速さに合わせて一行ずつ立ち上がります。動きが苦手な方の端末では、すべて止まった状態のまま最初から読めます。スマートフォンでは、文字が言葉の途中で折れない位置で改行しています。
実物がそのまま動きます。
スマートフォンでも同じ内容をご覧いただけます。