旅館ゆのかみ

制作物紹介

Details

制作物紹介

Details

旅館ゆのかみ

制作範囲:

構成 / デザイン

使用ツール:

figma / Illustrator

制作期間:

約2週間

ホームページ

旅館ゆのかみ

制作範囲:

構成 / デザイン

使用ツール:

figma / Illustrator

制作期間:

約2週間

ホームページ

◆ サイトの目的

・サイトリニューアルに伴い古いイメージを払拭し、常連客だけでなく新規顧客の獲得に繋げたい
・信頼性の向上とわかりやすい情報提供
・宿と地域の魅力を伝える

◆ ターゲット層

30代〜60代、古道歩きとセットで宿を楽しみたい人、良質な温泉を求めている人、都会の喧騒から逃れてゆっくり過ごしたい人

◆ イメージキーワード

落ち着いた、モダンな和風、親しみやすい

◆ 制作意図

・ベースカラーにグレーがかった白(#DFDBD4)、サブカラーにネイビー(#3B6877)、アクセントカラーに小豆色(#793B4C)を使用し、「和」の要素を残しつつ「モダン」な印象を目指しました。


・下層ページが多いため、メニューをボタン内に収納し、さらに上部のナビゲーションメニューが追従する設計を想定しています。


・セクション間に余白を持たせ、旅館の持つ「ゆったりとした雰囲気」を感じられるデザインを心がけました。

・良質な温泉と地産地消の食事をアピールするため、シズル感を重視した写真を採用しています。

・「周辺観光」では写真がスライドする動きを取り入れることを想定しています。

◆ サイトの目的

・サイトリニューアルに伴い古いイメージを払拭し、常連客だけでなく新規顧客の獲得に繋げたい
・信頼性の向上とわかりやすい情報提供
・宿と地域の魅力を伝える

◆ ターゲット層

30代〜60代、古道歩きとセットで宿を楽しみたい人、良質な温泉を求めている人、都会の喧騒から逃れてゆっくり過ごしたい人

◆ イメージキーワード

落ち着いた、モダンな和風、親しみやすい

◆ 制作意図

・ベースカラーにグレーがかった白(#DFDBD4)、サブカラーにネイビー(#3B6877)、アクセントカラーに小豆色(#793B4C)を使用し、「和」の要素を残しつつ「モダン」な印象を目指しました。


・下層ページが多いため、メニューをボタン内に収納し、さらに上部のナビゲーションメニューが追従する設計を想定しています。


・セクション間に余白を持たせ、旅館の持つ「ゆったりとした雰囲気」を感じられるデザインを心がけました。

・良質な温泉と地産地消の食事をアピールするため、シズル感を重視した写真を採用しています。

・「周辺観光」では写真がスライドする動きを取り入れることを想定しています。

縦長の表示はこちら

縦長の表示はこちら