2024-12

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

旅行

航空券のセールや旅先・お買い物で使えるマイル決済機能も！

ANAマイレージクラブ

オンボーディング

ana-mileage-club-2024-12-1735649987206-0.webp

ana-mileage-club-2024-12-1735649987752-1.webp

ana-mileage-club-2024-12-1735649988236-2.webp

ana-mileage-club-2024-12-1735649988902-3.webp

ana-mileage-club-2024-12-1735649989566-4.webp

ana-mileage-club-2024-12-1735649989903-5.webp

ana-mileage-club-2024-12-1735649990503-6.webp

ana-mileage-club-2024-12-1735649990999-7.webp

ana-mileage-club-2024-12-1735649991614-8.webp

ana-mileage-club-2024-12-1735649992030-9.webp

ana-mileage-club-2024-12-1735649992539-10.webp

ana-mileage-club-2024-12-1735649993045-11.webp

ana-mileage-club-2024-12-1735649993642-12.webp

ana-mileage-club-2024-12-1735649994137-13.webp

ana-mileage-club-2024-12-1735649994629-14.webp

ana-mileage-club-2024-12-1735649995078-15.webp

ana-mileage-club-2024-12-1735649995616-16.webp

ana-mileage-club-2024-12-1735649996223-17.webp

ana-mileage-club-2024-12-1735649996808-18.webp

ana-mileage-club-2024-12-1735649997299-19.webp

ana-mileage-club-2024-12-1735649997657-20.webp

ana-mileage-club-2024-12-1735649998147-21.webp

ana-mileage-club-2024-12-1735649998553-22.webp

ana-mileage-club-2024-12-1735649999071-23.webp

ana-mileage-club-2024-12-1735649999702-24.webp

ana-mileage-club-2024-12-1735650000336-25.webp

ana-mileage-club-2024-12-1735650000927-26.webp

ana-mileage-club-2024-12-1735650001327-27.webp

ana-mileage-club-2024-12-1735650001847-28.webp

ana-mileage-club-2024-12-1735650002375-29.webp

ana-mileage-club-2024-12-1735650002957-30.webp

ana-mileage-club-2024-12-1735650003595-31.webp

ana-mileage-club-2024-12-1735650004295-32.webp

ana-mileage-club-2024-12-1735650004794-33.webp

ana-mileage-club-2024-12-1735650005339-34.webp

ホーム

ana-mileage-club-2024-12-1735650006134-35.webp

ana-mileage-club-2024-12-1735650006642-36.webp

ana-mileage-club-2024-12-1735650007041-37.webp

ana-mileage-club-2024-12-1735650007627-38.webp

ana-mileage-club-2024-12-1735650008287-39.webp

ana-mileage-club-2024-12-1735650009114-40.webp

「ANAマイレージクラブ」のUIデザイン一覧（2024年12月版）

ANAマイレージクラブ

関連アプリ

ウーバー Uber Taxi

ANA

DiDi（ディディ）

JAL

S.RIDE（エスライド）

ジェットスター（Jetstar）