2024-07

ANA PocketのUIデザインをコンポーネント・パターン・フローごとにまとめています。webデザイン、アプリデザインの参考に活用ください。

ライフスタイル

移動距離や歩数でポイントを貯める！ANA公式のポイ活アプリ

ANA Pocket

オンボーディング

ana-pocket-2024-07-1721529410179-0.webp

ana-pocket-2024-07-1721529411294-1.webp

ana-pocket-2024-07-1721529412361-2.webp

ana-pocket-2024-07-1721529413491-3.webp

ana-pocket-2024-07-1721529414421-4.webp

ana-pocket-2024-07-1721529415473-5.webp

ana-pocket-2024-07-1721529416500-6.webp

ana-pocket-2024-07-1721529417644-7.webp

ana-pocket-2024-07-1721529418662-8.webp

ana-pocket-2024-07-1721529419670-9.webp

ana-pocket-2024-07-1721529420592-10.webp

ana-pocket-2024-07-1721529421661-11.webp

ana-pocket-2024-07-1721529422706-12.webp

ana-pocket-2024-07-1721529423648-13.webp

ana-pocket-2024-07-1721529424591-14.webp

ana-pocket-2024-07-1721529425554-15.webp

ana-pocket-2024-07-1721529426543-16.webp

ana-pocket-2024-07-1721529427554-17.webp

ana-pocket-2024-07-1721529428672-18.webp

ana-pocket-2024-07-1721529429704-19.webp

ana-pocket-2024-07-1721529430830-20.webp

ana-pocket-2024-07-1721529431956-21.webp

ana-pocket-2024-07-1721529432791-22.webp

ana-pocket-2024-07-1721529433801-23.webp

ana-pocket-2024-07-1721529434861-24.webp

ana-pocket-2024-07-1721529435857-25.webp

ana-pocket-2024-07-1721529436770-26.webp

ana-pocket-2024-07-1721529437746-27.webp

ana-pocket-2024-07-1721529438621-28.webp

ana-pocket-2024-07-1721529439736-29.webp

ana-pocket-2024-07-1721529440772-30.webp

ana-pocket-2024-07-1721529441799-31.webp

ana-pocket-2024-07-1721529442745-32.webp

ホーム

ana-pocket-2024-07-1721529443858-33.webp

ana-pocket-2024-07-1721529444893-34.webp

ana-pocket-2024-07-1721529445882-35.webp

ana-pocket-2024-07-1721529446904-36.webp

ana-pocket-2024-07-1721529448038-37.webp

ana-pocket-2024-07-1721529448912-38.webp

ana-pocket-2024-07-1721529449984-39.webp

ana-pocket-2024-07-1721529451018-40.webp

ana-pocket-2024-07-1721529451941-41.webp

ana-pocket-2024-07-1721529452862-42.webp

お知らせ

ana-pocket-2024-07-1721529453774-43.webp

ana-pocket-2024-07-1721529454797-44.webp

つかう

ana-pocket-2024-07-1721529455806-45.webp

ana-pocket-2024-07-1721529456930-46.webp

ana-pocket-2024-07-1721529457979-47.webp

ana-pocket-2024-07-1721529458889-48.webp

ana-pocket-2024-07-1721529459960-49.webp

ana-pocket-2024-07-1721529697543-0.webp

ana-pocket-2024-07-1721529699001-1.webp

ana-pocket-2024-07-1721529700115-2.webp

ana-pocket-2024-07-1721529701123-3.webp

ガチャをまわす

ana-pocket-2024-07-1721529702030-4.webp

ana-pocket-2024-07-1721529703084-5.webp

ana-pocket-2024-07-1721529703924-6.webp

ana-pocket-2024-07-1721529705128-7.webp

特典を交換する

ana-pocket-2024-07-1721529706149-8.webp

ana-pocket-2024-07-1721529707176-9.webp

ana-pocket-2024-07-1721529708302-10.webp

ana-pocket-2024-07-1721529709253-11.webp

ana-pocket-2024-07-1721529710261-12.webp

抽選に応募する

ana-pocket-2024-07-1721529711271-13.webp

ana-pocket-2024-07-1721529712191-14.webp

ana-pocket-2024-07-1721529713188-15.webp

ana-pocket-2024-07-1721529714088-16.webp

ana-pocket-2024-07-1721529714984-17.webp

所有ポイント

ana-pocket-2024-07-1721529715981-18.webp

ana-pocket-2024-07-1721529717001-19.webp

ana-pocket-2024-07-1721529718034-20.webp

チャレンジ

ana-pocket-2024-07-1721529719055-21.webp

ana-pocket-2024-07-1721529720101-22.webp

ana-pocket-2024-07-1721529721199-23.webp

ana-pocket-2024-07-1721529722132-24.webp

チャレンジに参加

ana-pocket-2024-07-1721529723082-25.webp

ana-pocket-2024-07-1721529724035-26.webp

ana-pocket-2024-07-1721529724986-27.webp

ana-pocket-2024-07-1721529725976-28.webp

ana-pocket-2024-07-1721529726893-29.webp

チャレンジ完了・報酬受け取り

ana-pocket-2024-07-1721529727866-30.webp

ana-pocket-2024-07-1721529728855-31.webp

ana-pocket-2024-07-1721529730159-32.webp

ana-pocket-2024-07-1721529731075-33.webp

ana-pocket-2024-07-1721529732381-34.webp

ana-pocket-2024-07-1721529733366-35.webp

あつめる

ana-pocket-2024-07-1721529734376-36.webp

ana-pocket-2024-07-1721529735346-37.webp

ana-pocket-2024-07-1721529736472-38.webp

マンスリーバッジ

ana-pocket-2024-07-1721529737595-39.webp

ana-pocket-2024-07-1721529738515-40.webp

ana-pocket-2024-07-1721529739583-41.webp

ana-pocket-2024-07-1721529740540-42.webp

ana-pocket-2024-07-1721529741686-43.webp

ログ

ana-pocket-2024-07-1721529742576-44.webp

ana-pocket-2024-07-1721529743625-45.webp

ana-pocket-2024-07-1721529744650-46.webp

ana-pocket-2024-07-1721529745671-47.webp

ana-pocket-2024-07-1721529746673-48.webp

ana-pocket-2024-07-1721529747622-49.webp

ana-pocket-2024-07-1721529762829-0.webp

ana-pocket-2024-07-1721529763895-1.webp

ana-pocket-2024-07-1721529764800-2.webp

ana-pocket-2024-07-1721529765847-3.webp

ana-pocket-2024-07-1721529766970-4.webp

ana-pocket-2024-07-1721529768114-5.webp

メニュー

ana-pocket-2024-07-1721529769126-6.webp

プロフィール設定

ana-pocket-2024-07-1721529770148-7.webp

ana-pocket-2024-07-1721529771175-8.webp

ana-pocket-2024-07-1721529772191-9.webp

ana-pocket-2024-07-1721529773118-10.webp

ana-pocket-2024-07-1721529774146-11.webp

ana-pocket-2024-07-1721529775177-12.webp

ana-pocket-2024-07-1721529776302-13.webp

MYスポット

ana-pocket-2024-07-1721529777404-14.webp

スポットを登録

ana-pocket-2024-07-1721529778252-15.webp

ana-pocket-2024-07-1721529779158-16.webp

ana-pocket-2024-07-1721529780191-17.webp

スポットを削除

ana-pocket-2024-07-1721529781111-18.webp

ana-pocket-2024-07-1721529782123-19.webp

その他

ana-pocket-2024-07-1721529783149-20.webp

ana-pocket-2024-07-1721529784166-21.webp

ana-pocket-2024-07-1721529785212-22.webp

ana-pocket-2024-07-1721529786328-23.webp

ana-pocket-2024-07-1721529787344-24.webp

ana-pocket-2024-07-1721529788365-25.webp

ana-pocket-2024-07-1721529789513-26.webp

ログアウト

ana-pocket-2024-07-1721529790617-27.webp

ana-pocket-2024-07-1721529791663-28.webp

ana-pocket-2024-07-1721529792770-29.webp

ana-pocket-2024-07-1721529793908-30.webp

ana-pocket-2024-07-1721529794918-31.webp

ana-pocket-2024-07-1721529795949-32.webp

「ANA Pocket」のUIデザイン一覧（2024年7月版）

ANA Pocket

オンボーディング

ホーム

関連アプリ