STAYN App – UI/UX Screen Flow Design
OVERVIEW
Figmaを使って、STAYN(ステイン)というWEBアプリの画面遷移図(screen transition flow)を作成しています。 ユーザーがスプラッシュ画面からログイン・新規登録・トップページへスムーズに進めるよう、画面のつながりをわかりやすく設計しています。

主なポイント:
- QRコードを使った素早いルームアクセスができる、Webアプリをデザイン。
- ユーザーはチェックインができ、チェックアウト時には自動で支払いを計算し、取引をスムーズに完了できる。
- 色やレイアウトをそろえて、統一感のあるデザインを作成。
ログイン・登録・トップページの間をスムーズに移動できるよう設計。
だれでも使いやすい、わかりやすい画面構成をデザイン。
どの画面サイズでもきれいに見えるように調整。
