【課題】宿泊施設予約サイトのUI/UX改善

OVERVIEW

SHElike PROデザイナーコースの実践課題                 既存のWebサイトにおいてクライアントが感じている課題をUI/UXデザインにより解決を図りました

YEAR 2026

◆制作期間:6日間                              

◆使用ソフト:Figma

◆改善目的の選定・UI改善・提案資料制作


✒️目次

・制作物

・課題要件

・情報設計

・工夫したこと/学んだこと

・講師講評


◆制作物

◆課題要件

目的:既存のWebサイトからの予約完了率を改善させる

ターゲット:20代後半〜40代前半の都市部在住の方々を想定(下記にペルソナ情報を記載)

納品形式:提案資料(PDFファイル)

提供素材:既存のWebページFigmaデータ

トンマナイメージ

  • 既存サイトルール(ブランドガイドライン)を尊重する

◆情報設計/デザイン設計ペルソナ

想定ペルソナ①

想定ペルソナ②


◆工夫したこと/◉学んだこと

◆トンマナの遵守をとにかく意識した。

◆できるだけオートレイアウトが崩れないように置換を駆使してデザインをした。

◉普段何も意識せず予約していることを実感した。

◉不便な箇所の原因を言語化できるようになった。

◉参考WEBサイトの検索方法

◆講師講評

・画面上部のアイコン群(日程・人数、客室…)
予約工程が一目瞭然でわかりやすいです。
その下に設けた囲みで、選択済みの内容が確認できるしくみも親切ですね。
・宿泊日選択
人数入力を追加することで、目的に合った日程が探しやすくなっています。
・宿泊プラン選択
写真が掲載されたことで、各プランの見分けやすさ、イメージのしやすさが改善されています。
「リラックスできる」などの絞り込みで、好みの体験を見つけやすくなったのも良いですね。
・ お客様情報入力
ユーザーが正しく入力ができるように工夫されています。