架空の温泉旅館サイト「湯宿 漣庵」を作りました

デザインの実例をご紹介するために、実在しない温泉旅館「湯宿 漣庵（ゆやど れんあん）」を設定し、コンセプトサイトを制作しました。箱根・仙石原にある、全8室・全室に半露天風呂が付いた小さな宿、という設定です。実績紹介のページでもご覧いただけますが、ここでは制作の裏側をご紹介します。

計画から原稿、デザイン、コーディングまではAI（ChatGPT）と役割分担しながら進めました。大事にしたのは、作業を小さなステップに分け、1ステップずつ確認しながら進めることです。最初に一気に全部を作ろうとしたら、内容が薄くなってしまった失敗がありました。掲載する画像は、1点ずつ個別に生成し、すべて目視で確認してから組み込んでいます。

全10ページ構成で、トップページは画面いっぱいのヒーローに3枚の写真がフェードで切り替わる仕掛けにしました。波の形に切り抜いた写真枠や、スクロールに連動するアニメーションなど、「静けさ・水面・月」という旅館のテーマに沿った動きのあるデザインにしています。

このサイトは架空の施設のデザインサンプルで、実在の施設や受注実績ではありません。ただ、制作の進め方そのものは、実際のお店のサイトを作るときとまったく同じです。サンプルサイトは実績紹介ページからご覧いただけます。