あなたの輝きを最大限に。

このサイトの核となるコンセプトは、店名である「Salon de éclat（輝きのサロン）」が示す通り、**「お客様が本来持つ『輝き』を引き出す、癒やしの特別空間」**をWeb上で表現することです。日々を忙しく過ごすユーザーがサイトを訪れた瞬間から、日常を忘れ、心安らぐ体験を提供することを目指しました。

1. デザインコンセプト：「上質な癒やし」の視覚化

デザインは、落ち着きと高級感を両立させることを重視しました。

• 配色: 温かみのあるオフホワイト（#FDFCFB）を基調に、優しく上品なブラウン（#A18A7A）をアクセントカラーとして使用しました。これにより、オーガニックで心地よい、安心感のある空間を表現しています。
• タイポグラフィ（フォント）: 見出しには、日本語の美しさが際立つ明朝体「Noto Serif JP」を採用しました。繊細かつエレガントな印象を与え、サロンの上質さを伝えます。本文には可読性の高いゴシック体「Inter」を使い、読みやすさも確保しています。
• レイアウト: コンテンツの周囲にたっぷりと余白を設けることで、ゆったりとした時間の流れと、贅沢な空間を演出しました。情報を詰め込みすぎず、ユーザーが自分のペースでサロンの魅力を発見できるように意図しています。

2. アニメーション設計：想いを「体験」に変える

アニメーションは、サイトのコンセプトをユーザーに直感的に「体験」してもらうための最も重要な要素です。

• プロローグ（ローディング画面）: サイト訪問時、最初に表示されるローディングアニメーションは、サロンの扉を開ける前の期待感を演出する「プロローグ」です。ロゴが静かに浮かび上がり、消えていくことで、ユーザーを非日常の世界へと誘います。
• 第一印象の演出（ヒーローセクション）: メインのキャッチコピー「あなたの輝きを最大限に。」が、ふわりと浮かび上がるように表示されます。これは、お客様の内なる美しさがゆっくりと花開く様子をイメージしたものです。過度な動きを避け、優雅さを追求しました。
• 物語を紡ぐスクロールアニメーション: スクロールに合わせて各コンテンツが滑らかに現れる設計は、ユーザーがサロンの「物語」を読み進めているかのような感覚を生み出します。
  • コンセプトのテキスト: 文章が一行ずつ、少しずつタイミングをずらして（スタガー効果）表示されることで、語りかけるような温かみを表現しています。
  • サービスカードや情報: 下から上へ、優しく浮かび上がるように表示されます。これは、サロンが提供する価値やサービスが、お客様をそっと支え、持ち上げてくれる存在であることを暗示しています。
  • ギャラリー: 画像が少しランダムな位置から現れることで、楽しさや「輝き」のきらめきを表現し、単調にならない視覚的なアクセントを加えています。

まとめ

このWebサイトは、単なる情報提供の場ではなく、「Salon de éclat」の世界観に浸るための入り口です。 上品なデザインと、一つ一つの動きに意味を込めた繊細なアニメーションが融合することで、ユーザーはサイトを閲覧するだけでサロンのこだわりや想いを感じ取り、「ここなら自分を預けられそう」という信頼と期待感を抱くことができます。これが、私たちが目指したハイクオリティなサイト体験です。