Refuge.様 | グリーンピール専門サロンサイト

ファーストビューには、施術風景の写真を3枚、ゆるやかにクロスフェードするスライドとして配置しました。切り替わりの瞬間に微かなズームを添えることで、静止画でありながら呼吸するような時間の流れを生んでいます。左側にはやわらかな霞をかけ、その上に明朝体のキャッチコピーを重ねることで、写真の温度感を損なわずに言葉が届くよう調整しました。ファーストビューの下辺は直線で切らず波打つラインで受け、次のセクションへ視線がなめらかに流れていく構成にしています。

スクロールに合わせて要素がふわりと立ち上がる演出に加え、背景にはぼんやりとした光の玉をゆっくりと漂わせました。14秒から22秒という長い周期で揺れる、気づくか気づかないかの微かな動き。サロンの空気そのものを、ページの背景に流し込むような設計です。水彩で描いたハーブのイラストをセクションの角に配し、あえてセクションの境界をまたがせることで、ページ全体がひと続きの静かな時間としてつながるよう意識しました。

文字組みは、和文に明朝系の書体を、英文にはセリフ体と手書き風のサインを合わせています。メニューや料金といった情報量の多いページでは、開閉式のアコーディオンを採用し、必要な方が必要な情報だけを取り出せる形に。詰め込まず、けれど知りたいことにはきちんと辿り着ける。その両立を目指しました。