Role
Senior Product Designer

Project Space
Loyalty Program Digital Transformation
0-1 Projects
B2C
Growth Design

As a Senior Product Designer at teamLab, I led the design for the ANA Mileage Club app, a membership service for our client, All Nippon Airways. Collaborating cross-functionally with Analytics, Product, Engineering, and Product Marketing teams, I ensured a cohesive and user-centered design approach.

My responsibilities included branding and product design for the app. I also oversaw the app’s complete design, extending to web design, movie production, and poster design, ensuring a seamless and engaging user experience across all touchpoints.

チームラボのシニアプロダクトデザイナーとして、クライアントである全日本空輸（ANA）の会員サービス「ANAマイレージクラブアプリ」のデザインを主導しました。アナリティクス、プロダクト、エンジニアリング、プロダクトマーケティングなど、各部門のチームと密接に連携し、一貫性のあるユーザー中心のデザインアプローチを実現しました。

私の主な担当業務は、アプリのブランディングとプロダクトデザインです。また、ウェブデザインやムービー制作、ポスターのデザインなど、アプリ全体のデザインを統括し、すべてのタッチポイントでシームレスかつ魅力的なユーザー体験を提供しました。

ANA (All Nippon Airways) is a leading airline in Japan, and strives to provide a smooth and enjoyable travel experience. In order to increase customer loyalty and enhance the accessibility of ANA Mileage Club, we introduced a member-only application, ANA Mileage Club. The goal of this project was to develop a dedicated mobile app that would allow ANA Mileage Club members to easily manage their accounts, check their mileage, and conveniently use exclusive services. The app is designed to replace existing plastic cards, allowing members to feel closer to ANA’s program in their daily lives.

Hypothesis

• This app will enhance customer loyalty, simplify the user experience, and increase interaction with ANA’s services.

ANA（全日本空輸）は日本を代表する航空会社であり、スムーズで快適な旅行体験の提供に努めています。顧客ロイヤルティの向上と「ANAマイレージクラブ」のアクセシビリティ向上を目的として、会員専用アプリ「ANAマイレージクラブ」を導入しました。このプロジェクトの目標は、ANAマイレージクラブ会員がアカウントを簡単に管理し、マイルを確認し、限定サービスを便利に利用できる専用のモバイルアプリを開発することでした。このアプリは、従来のプラスチックカードに代わるものとして設計されており、会員が日常生活の中でANAのプログラムをより身近に感じられるよう工夫されています。

仮説

• このアプリは、顧客ロイヤルティを向上させるとともに、ユーザーエクスペリエンスを簡素化し、ANAのサービスとの接点を増やすことが期待されます。

User Research and Analysis
We conducted in-depth research to gain a clear understanding of our members’ needs and uncover opportunities to increase participation in the ANA Mileage Club program.

Dynamic Design System
A customized app design was developed to reflect the five membership levels, delivering a tailored user experience for each level. This approach incorporated elements that evoke pride and a subtle sense of exclusivity, enhancing the value of the membership tiers.

Functional Improvements
Key features such as seamless shopping at the ANA STORE and real-time updates of accumulated mileage were integrated, improving both functionality and convenience for users.

Visual Communication
The design visually and intuitively showcases the program’s key features, including mileage, premium points, and ANA SKY Coins. Users can instantly recognize their membership level and track trends in their accumulated rewards at a glance.

Mobile Optimization
The app was optimized to replace traditional plastic cards, enabling members to access all loyalty program functions at airports and affiliated stores directly through their mobile devices.

析ユーザー調査と分析
会員のニーズを明確に把握し、ANAマイレージクラブプログラムへの参加を促進するために、徹底的な調査を実施しました。この調査により、会員が求める機能や改善点を明らかにし、効果的な戦略を立案しました。

ダイナミックデザインシステム
5つの会員レベルを反映したカスタマイズされたアプリデザインを開発し、各レベルに応じた最適なユーザーエクスペリエンスを提供しました。このデザインには、会員が誇りを感じられる要素や、さりげない独占感を演出する仕掛けを組み込み、会員レベルの価値を一層高めました。

機能の改善
ANA STOREでのスムーズなショッピング体験や、累積マイルのリアルタイム更新など、ユーザーが求める主要機能を統合しました。これにより、アプリの利便性と機能性が飛躍的に向上しました。

ビジュアルコミュニケーション
デザインは、マイル、プレミアムポイント、ANA SKYコインといったプログラムの重要な要素を視覚的かつ直感的に表現しています。これにより、ユーザーは自身の会員レベルを瞬時に把握し、累積特典の進捗を一目で確認できるようになりました。

モバイル最適化
アプリは従来のプラスチックカードに代わるものとして最適化されており、空港や提携店舗において、すべてのロイヤルティプログラム機能にモバイルデバイスから直接アクセス可能です。これにより、会員の利便性がさらに向上しました。

• Activation

  +300%

• App MAUs

  +75%

• App Downloads

  1M+

• Media Coverage

  500+

Impact

• Increased Engagement: Personalized features strengthened members’ connection to ANA Mileage Club, boosting app activation by 200% and driving over 1M downloads.

• Improved Convenience: Streamlined access to membership benefits, mileage tracking, and shopping enhanced user satisfaction and increased app usage by 75%.

• Strengthened Brand Loyalty: Modernized the loyalty program with an intuitive, digital-first experience, reinforcing ANA’s commitment to customer satisfaction and innovation.

Learning

• User-Centric Design: Simplifying complex membership data into an intuitive UI highlighted the importance of clear visual communication in enhancing user engagement.

• Seamless Digital Integration: Optimizing the app as a mobile membership card underscored the effectiveness of digital transformation in replacing physical loyalty systems.

• Personalization / Brand Connection: Tailoring the experience to different membership tiers demonstrated the power of personalized design in increasing customer retention and loyalty.

This project showcased how thoughtful UX/UI design combined with innovative technology can elevate customer engagement, enhance convenience, and modernize brand loyalty.

インパクト

• エンゲージメントの向上: パーソナライズ機能によりANAマイレージクラブの会員とのつながりを強化し、アプリのアクティベーション率が200%増加、累計100万ダウンロードを達成。

• 利便性の向上: 会員特典、マイル管理、ショッピング機能へのアクセスを簡素化し、ユーザー満足度を向上させ、アプリの利用率が75%増加。

• ブランドロイヤルティの強化: 直感的なデジタル体験を提供することで、ロイヤルティプログラムを近代化し、ANAの顧客満足と革新への取り組みを強化。

学び

• ユーザー中心のデザイン: 複雑な会員データを直感的なUIに整理することで、明確なビジュアルコミュニケーションがユーザーエンゲージメント向上に不可欠であることを実証。

• シームレスなデジタル統合: モバイル会員証としての最適化により、デジタル変革が物理的なロイヤルティシステムを代替する効果的な手段であることを確認。

• パーソナライゼーションとブランドのつながり: 会員ランクごとに異なる体験を提供することで、パーソナライズデザインが顧客維持とブランドロイヤルティを高める強力な手段であることを証明。

このプロジェクトは、戦略的なUX/UIデザインと革新的なテクノロジーの融合が、顧客エンゲージメントの向上、利便性の強化、ブランドロイヤルティの近代化にどのように貢献できるかを実証しました。