ヘアサロン つむぎ｜美容室の1ページサイト

• 店の雰囲気で選ばれる業種なのに、文章中心のページでは空気感が伝わらない
• 予約導線がページの下のほうにあり、スマートフォンからの予約につながりにくい
• 動きを付けると重くなり、モバイル回線で最初の表示が遅れてしまう

最初の数秒で、店の空気を渡す

画面いっぱいのヒーローを3枚のスライドで構成し、それぞれをゆっくり拡大させながら1.8秒かけて入れ替えます。見出しは行ごとに下からせり上がり、少し遅れて本文とボタンが現れる。読ませる前に、まず雰囲気が伝わる順番にしました。

動きは、読む邪魔をしない

切り替えは6秒間隔まで落とし、背面のタブに回ったときは止めます。画像はすべて SVG で描いているので、動かしても読み込みは増えません。OS で「視差効果を減らす」を選んでいる人には動きを止め、1枚目を静止画として見せます。

※掲載しているのはすべて、架空の企業・店舗を想定して制作したサンプルです。実際に受注・納品した案件ではありません。記載している課題・コンセプト・制作期間は、同じ規模のサイトをお受けする場合の想定です。