宿泊サイトUI/UX改善

【 制作したFigmaデータ 】

【 プロトタイプ 】

【 プロジェクト概要 】

【 導線の改善 】

・現行サイトの予約導線だと、各項目を選択しないと次の選択画面に移行しない。

　↪︎お部屋、プラン、宿泊日、ディナーを1ページにまとめ、ステップ数を減らした設計に改善しました。

【 画面毎の改善案 】

▲ユーザーの操作コストを減らすために、同一の画面でお部屋やプランの比較・予約するかどうかの判断ができる設計に改善しました。

▲プランはテキスト情報のみだったのを写真を追加してイメージが沸くようにしました。

▲宿泊日を選択する画面は、空き状況が一目でわかるデザインに改善し、選択可能な日付には金額も表示させることで金額ベースで判断するユーザーが選択しやすいようにしています。

▲お客様情報の入力ページでは、前ページで選択した内容が分かるカードをヘッダーの下あたりに配置して不安にさせない工夫をしています。

【 学び 】

UIデザインは単に見た目を整えるだけでなく、ユーザーの行動や目的を考えながら導線を組み立てる事が大切だと学びました。UIの良し悪しが、ユーザーのUXにも直結し、サービスやお店の売上にも関わる重要な要素だということが分かりました。