MR.T travel アプリUIデザイン
FANXING COMPANY
MR.T travel lは、Fanxing companyの下で運営されているホテル事業「Tanimachi Kun Travel」のためのアプリです。このアプリを通じて、顧客は同社が所有するホテルの予約ができます。 アプリは最近立ち上げられたばかりなので、まだ改善が必要な点が多くあります。私は同社のUIデザイナーとして、開発チームと協力して問題点を特定し、解決策やレイアウトの改善を行う役割を担っています。
アプリは最近立ち上げられたばかりなので、まだ改善が必要な点が多くあります。私は同社のUIデザイナーとして、開発チームと協力して問題を特定し、解決策やレイアウトの改善を行う役割を担っています。
# 課題１
最初の問題は、アプリに統一されたデザインシステムがなかったため、すべてのデザインが整合性を欠いていたことです。私の最初のタスクは、既存のレイアウトやデザイン要素（ボタン、フォント、アイコン、色、マージンなど）を整理し、その後、スタイルガイドラインを作成して確立することでした。
# 課題２
二番目の問題は、アプリに基本的な検索と予約機能しかなかったことです。ホテル予約のユーザー体験を向上させるために、私はおすすめ機能やフィルター機能を追加する必要がありました。これにより、ユーザーが理想的なホテルを見つけやすくなります。
ホームページ
Agoda.com、hotels.com、trip.comなどの人気のあるホテル予約アプリを参考にしました。それを基に、アプリのホームページにホテルおすすめセクションを追加しました。
ホテル検索ページ
# 課題３
ホテル情報ページのレイアウトも大きな改善が必要なタスクの一つでした。元々のページでは情報に階層がなく、レイアウトが煩雑に見えていました。さらに、ホテルの部屋の画像が小さく表示されていたため、ユーザー体験に悪影響を与えていました。そのため、私は情報の重要性に基づいてフォントサイズや太さを調整し、階層を再定義しました。また、レイアウトの比率や間隔を調整して、重要な情報がより目立つようにしました。
ホテル情報ページ
# 課題４
# 課題５
さらに、アプリはさまざまなクレジットカードやWeChat Payを支払い方法としてサポートしています。そのため、支払い方法ページのレイアウトも考慮する必要がありました。特に、異なるクレジットカードでの支払いプロセスに注目し、どのようにクレジットカードを追加するか、クレジットカード情報を保存する方法、またクレジットカード詳細を編集するためのオプションをどのように表示するかを検討しました。
