船津屋

高級旅館のホームページ

サイトの目的
電話またはお問い合わせフォームに誘導し、予約数を増加させる。

◽️ペルソナ
40代〜50代の夫婦。
子育てなどが落ち着いたので、非日常的な場所でゆっくりした1日を過ごしたい。

◽️ブランド
老舗の高級旅館。
客室や露天風呂から富士山の絶景を望むことができ、非日常的な空間でゆったりくつろげる。
全部で四部屋のみの小さな旅館なので、日々の喧騒を忘れ、大切な人と落ち着いた時間を過ごすことができる。
ロゴデザイン
シンボルマークは、旅館の魅力でもある富士山をモチーフにしました。線の太さにに強弱ををつけることで、老舗旅館の繊細さを表現しました。曲線を用いて全体的に円の形を意識して作成し、旅館のゆったり感を柔らかさによって表現しました。
また、何のお店かがわかりやすいように、老舗旅館の記載もしました。
Web デザイン
全5ページ
ファーストビューを動画にしたり、画像を大きく配置したりすることで旅館の雰囲気が伝わりやすいデザインにしました。余白を多めに取り、装飾は線などを用いて最小限に抑えることで、洗練されていてくつろげる感じや高級感を表現しました。どのページからでも予約への導線がわかりやすいよう、ヘッダーと各ページの最後に予約ボタンを設置しました。
コーディング
レスポンシブデザインでPC版とSP版をコーディングしました。JavaScriptを使って動きを加えました。
ファーストビューの動画がよく見えるように、ファーストビューのみヘッダーの背景色と文字色を変えました。コンセプトに沿った効果的なホバーアニメーションをつけました。また、ふんわり出てくるアニメーションを付けることで、旅館の高級感やゆったり感を表現しました。
Back to Top