サウナ予約アプリケーション

プロジェクト概要

スムーズな予約フローとゲーム性のあるリワードで継続利用を促す、モバイルファーストのレスポンシブなサウナ予約アプリを設計しました。

3つの点に注力しました。

• 予約変更やログインなど、使いやすさに必要な機能を特定し、提案しました。
• リワードをホーム画面へ移し、見つけやすさと利用意欲を高めることを提案しました。
• クライアントと密に協働し、さまざまなデバイスに対応するデザインを進めました。

改善したユーザーフローはクライアントから好評で、フリーランスプラットフォームでは品質、コミュニケーション、協働に5点満点の評価を得ました。

期間

1人月

担当

UX/UIデザイン、グラフィックデザイン、UXリサーチ

ツール

Figma, Illustrator

クライアント

Moncho-KG

チーム

エンジニア1名、プロダクトデザイナー（私）

成果

レスポンシブなサウナ予約アプリを設計し、品質、コミュニケーション、協働で5点満点の評価を得ました。

背景と課題

プロダクト

ロシア式サウナを、モバイル、デスクトップ、タブレットからいつでも予約できるWebアプリを求められました。電話や手作業の決済をなくし、一か所で簡単に予約を完了できるサービスです。

課題

一般的なサウナ予約では、電話で空き状況を確認し、やり取りをして手作業で支払います。予約変更にも再び電話が必要で、不便さと時間の負担がありました。

目標

• 電話、手作業の空き確認、決済を1つのアプリに統合する。
• シンプルでスムーズな予約体験を提供する。
• リワードで利用意欲を高め、再来訪を促す。

解決策

分かりやすい予約システム、利用意欲を高めるリワード、ユーザーのニーズに合う魅力的なブランドを組み合わせ、全体の体験を改善しました。

デザインプロセス

デザイン思考に基づくプロセスで進めました。

リサーチ

クライアントへのインタビュー

作りたいアプリについてクライアントに聞き、以下の要件を整理しました。

• 屋内のロシア式サウナを予約できるアプリ。
• 食事スペースやゲーム・リラクゼーションエリアも含め、グループで予約できること。
• 繰り返し訪れる動機になるリワード。

ペルソナ

クライアントの構想と、ロシア式サウナや利用者に関するリサーチをもとにペルソナを作成しました。

調査では、ロシア式サウナは友人や家族などのグループで訪れ、にぎやかに交流する体験が特徴だと捉えました。

友人や家族との利用を想定し、温かく活気のある雰囲気をデザインに取り入れようと考えました。

競合調査

予約のしやすさと継続利用を促すUX/UIの特徴を把握するため、3つの予約プラットフォームを調査しました。

アイデア検討

ユーザーフローで操作の流れを可視化し、クライアントと相談しながら仕様の抜け漏れを確認しました。

予約変更とログインに関する仕様が不足していることに気付きました。フローを改善してクライアントと認識を合わせ、仕様の不足を補いました。

ログイン前でも空き枠を閲覧できれば予約につながりやすいと考えました。クライアントの合意を得て、より効果的なフローにしました。

デザイン

ワイヤーフレームのレビュー資料

クライアントと資料を見ながらレビューを行い、オンボーディング画面の認識に違いがあることを発見しました。早期に変更点を見つけ、共通理解を作るための有意義な機会になりました。

高精度のデザイン

デジタルワイヤーフレームをもとに高精度のデザインを作成しました。

オンボーディング画面

アプリの主な機能を紹介し、すぐに予約したいユーザー向けにはスキップボタンを用意しました。

ログイン画面

ログインの完了を促すため、進捗バーを設けました。

予約画面

空き枠をひと目で確認でき、矢印やタブで別の枠を探せます。

ノートPC版では、読みやすさを高めるために空き枠を2列に配置しました。

予約確認画面

予約する日時を確認し、一緒にサウナを利用する人を追加できます。

ホーム画面

今後の予約と、次回の利用意欲を高めるリワードのグラフを確認できます。

QRコード画面

ホーム画面のフローティングアクションボタンを押すと、施設への入場に使うQRコードを表示します。

ダークモード

ライトとダークの両方のモードを作成し、どちらでも一貫した体験になる配色を設計しました。

高精度のプロトタイプ

デジタルワイヤーフレームをもとに高精度のプロトタイプを作成しました。

ブランディング

ビジュアルアイデンティティの制作

ロゴ、書体、配色を含む2つのコンセプトを提案しました。クライアントは案1の温かさと案2の現代的な印象の組み合わせを望みました。それを反映した案3を制作し、デザインを確定しました。

シンボル型と文字型のどちらのロゴを好むか、クライアントのビジョンを確認しました。シンボル型の希望を受け、蒸気、人、サウナの桶を組み合わせたロゴにしました。

UIキットの制作

shadcn/uiを使った実装を想定し、ライブラリを調査しました。その仕様とサウナアプリのブランドに合わせたUIキットを設計しました。

成果と今後の改善

振り返り

成果

3回の打ち合わせでクライアントの要望と認識を合わせ、レスポンシブなサウナ予約アプリのデザインを完成させました。品質、コミュニケーション、協働について5点満点の評価を得ました。

学んだこと

• ブランドアイデンティティを作り、クライアントへ効果的に提示する方法を学びました。2案を用意したことで、スムーズに合意に到達できました。
• 目標をそろえることの重要性を学びました。対話の機会を設け、クライアントと共通理解を維持できました。