【課題制作】UI/UX改善(宿泊予約サイト)
OVERVIEW
SHElikes PROデザイナー6つ目の課題。架空クライアントの依頼をもとに、既存Webサイトの課題を分析し、トンマナに沿ったUI/UXデザインによる改善を提案。提案資料作成までの流れに挑戦しました。使用ツール | Figma
【目次】
01 【課題要件】
02【ペルソナ】
03【改善案】
⚫︎宿泊日選択ページ(離脱率63%)
⚫︎お部屋選択選択ページ(離脱率42%)
⚫︎宿泊プラン選択ページ(離脱率38%)
⚫︎お客様情報入力フォーム(離脱率24%)
⚫︎追加改善案:ディナー選択選択ページ
04【課題を通して学んだこと】
01【課題要件】
♦︎離脱率の高いページを中心に、予約導線を見直し予約完了率の向上を目指す
02【ペルソナ】

03【改善案】

・宿泊日の選択を最初に行い、空室を確認後に全てを選択していく流れへと変更
→お部屋を選択後に空室がなく、再選択をする手間を省くように改善
⚫︎宿泊日選択ページ(離脱率63%)


⚫︎お部屋選択選択ページ(離脱率42%)


⚫︎宿泊プラン選択ページ(離脱率38%)


⚫︎お客様情報入力フォーム(離脱率24%)


⚫︎追加改善案:ディナー選択選択ページ

04【課題を通して学んだこと】
今回の課題を通して、ボタン一つひとつにも明確な役割があり、その配置や導線設計がユーザーの行動や離脱率に大きく影響することを学びました。
また、「なぜこの順番なのか」「どこにストレスを感じるのか」といった点を常にユーザー視点で捉えることの重要性を実感しました。自分がユーザーだった場合の操作や感情を想像しながら設計することが、使いやすさに直結することに気づきました。
さらに、絞り込み検索においても、ラジオボタンやプルダウンなど複数の手法があり、見た目だけでなく目的に応じた最適なUI選択が必要であることを学びました。
今後は「なぜこのデザインにするのか」という意図を言語化しながら、ユーザーにとって心地よい体験を提供できる設計を意識して取り組んでいきます。

♦︎離脱率の高いページを中心に、予約導線を見直し予約完了率の向上を目指す