【自主制作】宿泊施設予約サイト UI/UX改善

📝制作情報

使用ツール：Figma

作成時期：2026年1月

作成時間：10日間

🗂️目次

・制作物

　クライアント提案資料

　要件

　ペルソナ

　UI改善とプロトタイプ作成（Figma）

　予約導線の見直し

　各ページの仮説・目指す必須要件/改善ポイント

・制作を通して

　工夫したこと

　課題を通して学んだこと

　講師からのFB

🎨制作物

📌提案資料

📌要件

📌ペルソナ

📌UI改善とプロトタイプ作成（Figma）

📌予約導線の見直し

📌各ページの仮説・目指す必須要件/改善ポイント

①宿泊日選択ページ（離脱率63%）

②お部屋選択ページ（離脱率42%）

③宿泊プラン選択ページ（離脱率38%）

④お客様情報入力ページ（離脱率24%）

⑤その他

💡制作を通して

💭工夫したこと

二人のペルソナの希望や、想定できる様々なユーザー視点を意識し、どのような導線であれば使いやすいかを考えながら、修正を行いました。予約完了までの工程が分かりづらいと不安につながるため、現在地が把握できるナビゲーションを設けました。また、途中で内容を修正できる導線をいくつか用意することやなるべくユーザーが入力する項目や見る項目を減らす等、ユーザーが不安やストレスを感じにくい設計になる様に工夫しました。

💭課題を通して学んだこと

UIUX改善課題を通して、デザインは見た目の美しさだけでなく、ユーザーが迷わず行動できる流れを設計することが重要だと学びました。特に今回の課題のように工程が多い画面では、入力順や現在地が分かるナビゲーションがあることで、ユーザーの安心感につながると感じました。これまでは参考サイトのボタンやナビゲーションをそのまま真似していましたが、今回の課題を通して、サイトの目的やユーザー視点を考えて設計する意識が以前より強くなりました。

🌟講師からのFB

・提案内容、UIデザインについて
ヒアリングの内容を踏まえ、要因の分析、解決策の提示、アウトプットの提案まで論理的に流れを組み立てられていると思います。
サービスや予約システムの特性も取り入れた提案になっており、クライアントにあったオリジナリティのある提案になっていると感じました。
・資料のアウトプットについて
要件定義から課題・仮説・改善案の整理、UIの提案まで、トンマナを踏襲してわかりやすく整理できていると思います️。細部まで整え、見やすく工夫されている点もいいですね！