作品スクリーンショット

URL

架空の温泉宿『箱根 杜灯(もりあかり)』

概要

箱根・仙石原の大人向けの温泉宿「杜灯(もりあかり)」のWebサイトを制作しました。森に囲まれた静かな立地と、心身を整える“静寂の宿”というコンセプトを、デザイン・構成に落とし込み、宿泊予約につながる導線設計を意識しました。

担当範囲

企画 / デザイン / コーディング / レスポンシブ対応

使用アプリ・言語

Photoshop / HTML / CSS / jQuery / Visual Studio Code

制作時間

企画・構成10時間
デザイン22時間
コーディング16時間
レスポンシブ対応20時間

ターゲット

30〜40代の男女(一人旅・カップル)
都会の忙しさから離れ、静かな自然に癒されたいと願う方を想定

コンセプト・デザイン

「森の中で、心をほどく時間」をテーマに、宿の静けさや自然との一体感をWeb上で表現しました。余白を活かした落ち着きのあるレイアウトで、滞在時の癒しを想像できるよう設計しています。森の音や空気感を感じるような、抑えたアニメーションや柔らかな色使いで世界観を統一しました。

使用カラー

静寂な雰囲気を大切にするため、柔らかな白と自然を感じさせるアースカラーで統一しています。

  • #ffffff
  • #f9f9f8
  • #615b54

コンバージョン

スムーズに宿泊予約へと進められる導線を設計。「温泉」「客室」「料理」など、利用シーンに合わせて宿の魅力を段階的に伝える構成にすることで、宿泊のイメージを自然に深め、予約行動につなげています。

工夫した点

  • 葉の影をあしらうことで、森の中にいるような奥行きと静けさを演出
  • 大きな写真配置で宿泊時のイメージや魅力を直感的に伝達
  • 森の静寂を損なわないようにアニメーションを控えめに設計