久音｜Webサイトリニューアル
Website
https://ss954450.stars.ne.jp/kuon/
- 概要
-
磯原温泉宿「久音」のWebサイトリニューアル（架空）
- ターゲット
-
カップル・夫婦（20〜40代）からシニア夫婦（50〜70代）まで、日常から離れた特別な時間を過ごしたい客層。
- 現状課題
-
料金や宿泊プランの情報が整理されておらず、目的に合ったプランを比較・検討しづらい。
サイト全体の印象が落ち着きすぎており、シニア層向けの印象が強く、若年層の予約数が少ない。
- 改善策
-
目的別に探せる情報設計へ見直し、各項目が比較しやすい構成にする。
写真やコピーで非日常感と歴史ある品格を訴求しつつ、若年層でも入りやすい親しみやすさを加える。
割引クーポンなどのお特な情報を初手で伝え、若年層・新規予約数増加を狙う。
- コンテンツ設計
-
旅館サイトは、温泉・料理・客室・館内施設といった複数の情報を閲覧するためにページ遷移が多くなる傾向があるため、ユーザーの視線誘導を意識し、スムーズな情報取得と操作性の向上を重視したデザイン設計を行いました。最高の「癒・味・泊」を揃えたおもてなしをテーマにトップページを設計しました。温泉ページでは温泉の種別ごとにページ内リンクを設置し、ユーザーがスムーズに遷移できる設計を行いました。また、「料理長が直接仕入れ」「板前手作りの味噌」といったキーワードで、食への期待値を高めるコピーを選択しました。
- 意匠設計
-
ユーザーが操作しやすいよう余白を活かしたデザインにしました。PCとスマートフォンでの画面領域に応じるため、画像の縦横比、あしらい文字の配置を変えております。トップページの料理セクションでは、掛け軸をイメージしたアニメーションで和の雰囲気を演出し、サイト全体に和の統一感を持たせています。ボタンデザインは手毬をモチーフにした落ち着きのある配色とアニメーションを採用しております。色彩面では、ベースに明度の高いベージュの和紙柄を使用し、メインカラーに透明度のあるクリーム色、アクセントに赤茶色を採用しました。写真画像には角丸を入れ、柔らかさと安心感を演出しています。フォントはShippori Mincho B1で丁寧かつ信頼感のある印象を与え、おもてなしの心や落ち着いた和の雰囲気を表現しました。
- 制作期間
-
企画：5日
デザイン：13日
コーディング：13日
- 使用ツール・言語
-
Figma / HTML / CSS / jQuery
