STAYN App – UI/UX Screen Flow Design

OVERVIEW

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


主なポイント: 

  • QRコードを使った素早いルームアクセスができる、Webアプリをデザイン。
  • ユーザーはチェックインができ、チェックアウト時には自動で支払いを計算し、取引をスムーズに完了できる。
  • 色やレイアウトをそろえて、統一感のあるデザインを作成。
  • ログイン・登録・トップページの間をスムーズに移動できるよう設計。

  • だれでも使いやすい、わかりやすい画面構成をデザイン。

  • どの画面サイズでもきれいに見えるように調整。