02 / The Story

The development of the app's unique vision and UI/UX for each of the five membership levels took over a year. We crafted distinct background textures for each status, allowing the membership level to dictate the dynamic background's material and design, enhancing the sense of exclusivity.

For instance, Basic Members received a crystalline background mimicking a bright or dark blue sky based on the time of day, while Diamond Members enjoyed a luxurious, animated background with diamond-like textures. These design choices enabled users to visually perceive their status through their phone screens.

This innovative strategy led to the ANA Mileage Club app surpassing one million downloads soon after launch, securing a top-ten spot in two travel app categories on the App Store by August 2018. The buzz generated by our UI/UX design on social media significantly contributed to the app's swift gain in popularity.

特別で新しいアプリを作り出すために、アプリの世界観を創り上げるだけで1年もの月日を費やしました。有料会員制クラブ「ANAマイレージクラブ」は、5つの会員レベルを設けており、そのレベルごとに特別なUXを提供することで、ユーザーが自分の会員レベルに誇りを感じたり、ちょっとした優越感に浸れるような、そんな「違い」を盛り込みました。具体的には次のような「背景の違い」を演出することで会員レベルごとの違いを出しました。

たとえば、ベーシック メンバーの背景は、空のデザインを反映した現在の時刻に応じて明るくなったり暗くなったりするクリスタルをモチーフにしています。一方、ダイヤモンドメンバーは、ダイヤモンドのようなテクスチャを使用した豪華な動きのある背景を持っていました。これらのユニークなデザイン要素を組み込むことで、ユーザーが携帯の画面を見るだけで自分のステータスを視覚的に「体験」できるようにアプリを設計しました。

私たちの革新的なアプローチが功を奏し、リリース直後にANAマイレージクラブアプリのダウンロード数は100万を超えました。2018年8月のApp Storeでは、2つの異なる旅行アプリカテゴリでトップ10にランクインしました。ユニークなデザイン提案は、ソーシャルメディアで多くの話題を呼び、アプリの急速な人気上昇に貢献しました。