日常生活に寄り添う、さらに“利便性の高いアプリ“を目指して

「Pontaアプリ」は、様々な提携社でPontaポイントがたまる / つかえるアプリです。アプリリリースから利用者数も伸び続け、またポイントの提携社も増えるなど成長し続けています。
この度、さらにユーザーの利便性を高めるアプリを目指すため、機能 / コンテンツ拡充を行うこととなり、フェンリルは新機能の組み込みとアプリ全体のUI刷新、及びそれに伴う開発を行いました。

デザイナーの声

既存ユーザー、新規ユーザーどちらにとっても「使いやすい」を意識したリニューアル

各コンテンツの情報量やバナー / 画像も多種多様なため、圧迫感を感じさせないことと、可視性に配慮し白基調でまとめています。また、アプリ内の色数を限定し、ユーザーの認知負荷を下げると共に、適切に用いることで注視するポイントをコントロールしています。
アプリ構造は、迷わず目的の情報に到達できるよう整理すると共に、クライアントのビジネス要件との両立を目指しました。

アプリの世界観を研ぎ澄ます「らしさ」の追求

認知度も高くコアなファンも多いキャラクター「Ponta」が、アプリ内で担う役割を明確にしました。ただ単にアプリ内に多用するのではなく、商品やサービスとユーザーをつなぐ役割を持たせています。内容に沿った適切な配置をはじめ、サイズ感、重複などにも配慮しています。
アプリ全体に用いるUIは、キャラクターの持つ世界感と親和性を高めました。キャラクターを構成している要素を分解 / 抽出後、再構築し、ユニークさと機能を兼ね備えたUIを実現しています。

愛着を持ってもらうためのアニメーション

バーコード画面には、不正利用防止策のため画面の中で常に動いている要素が必要でした。
単純な反復運動でも要件を満たすことはできますが、本サービスの本義である「たくさんのお店でポイントをためて、つかえること」のイメージをポジティブに表現。 また、キャラクター「Ponta」をあまり知らないユーザーからコアファンまでクスッと楽しめるよう、「Ponta踊り」や「UFO」の演出も取り入れ、毎日利用されるデジタルカードだからこそ、愛着を持ってもらえるようこだわりました。

エンジニアの声

リファクタリングによるメンテナンス性の向上

長年改修を重ねてきた結果、既存のソースコードが複雑化し、開発・保守工数の肥大化の要因となっておりました。
そのため今回リニューアルに伴い、既存のソースコードを調査の上、新機能の開発と合わせてリファクタリングすることをご提案。テストコードの実装と共に開発・保守性の向上を進めていきました。

既存の仕様を引き継ぎながら、新デザインに対応

使いやすさを追求したデザインチームからの細かい要求を実現するにあたって、既存の複雑な仕様を新デザインに適応させる必要がありました。仕様調整など困難な開発となりましたが、開発チーム一丸となり予定日にリリースすることができました。

今後の展開

今後はUI部分の刷新だけではなく、UXの視点から開発／改修を実施していきながら、多くのお客様に寄り添えるアプリをクライアントと一体となって推進して参ります。