FIGMA
ILLUSTRATOR
PHOTOSHOP
MY WORKS
Portfolio

CASE 09

← Back to home
EV Life Program LP
CASE 09

EV Life Program — ランクアップ型ポイントプログラムのLP


期間

約3週間

チーム構成

デザイナー1(自身)
ディレクター1
エンジニア1

Live サイトを見る ↗
DETAILS

背景・課題

EV充電エネチェンジアプリのv4.0「ニコラ」とあわせて始まった「EV Life Program」。アプリで充電や口コミ投稿をするとポイントがたまり、ランクに応じた特典が受けられる新しいプログラムです。初めて知るユーザーにも仕組みとメリットが伝わり、参加登録まで迷わず進めるLPが求められました。

目的・KPI

  • プログラムの仕組みと特典をわかりやすく伝える
  • アプリからのプログラム参加登録を促進する

担当範囲

  • LP全体のデザイン(PC / SP)
  • イラスト・図版制作

アプローチ・工夫点

1. 表彰台でランクアップを表現したメインビジュアル
ENTRY・GOLD・PLATINUMのバッジを表彰台に並べ、頂上にダイヤモンドを配置。「ためるほど上がっていく」プログラムの楽しさを、ひと目で伝えるビジュアルにしました。

2. 仕組みを3ステップと具体例で
「充電・口コミする → ポイントがたまる → ランクアップ・特典ゲット」の3ステップで全体像を示し、「ゴールドまでの道のり」では充電時間や口コミ数の目安を具体的に提示。自分にも届きそうだと感じてもらえる構成にしました。

3. ランクごとの色分けと迷わない参加導線
ゴールド・プラチナ・ダイヤモンドをそれぞれの色で塗り分けて特典を比較しやすくし、参加方法はアプリ画面を模した4ステップで紹介。最後にアプリへの導線を置き、そのまま登録できる流れにしました。

キーワード

  • 洗練されたデザイン
  • 高級感
  • ロイヤリティ

メインカラー

#7D1631
#CAA25C
#6C5311
#0D3569
#FFEDCD

使用ツール・技術

Figma(UIデザイン)
Illustrator・Photoshop(イラスト)

成果

ポイントやランクアップを目指して、ユーザーがより積極的に充電するようになり、充電サービスの売上向上につながっています。

プログラムの仕組みとランク

プログラムの全体像を3ステップのアイコンで紹介し、ランクは積み上がるブロックと右肩上がりの矢印で表現。ゴールド到達までの目安も数字で示し、参加後のイメージを持ちやすくしました。

ランクアップ特典と参加方法

ランクアップ特典はランクごとの色でカード化して比較しやすく。参加方法はアプリ画面を模した4ステップで見せ、そのままアプリでの登録へつなげています。

THE DESIGN — EV Life Program LP
Call me maybe
CONTACT ME
How to find me

お気軽にご連絡ください。

これまでの制作実績を詳しくご紹介いたします。ご連絡は下記のメール、またはLinkedInアカウントまでお願いいたします。ありがとうございます。

KAI USUI
© Kai Usui — UI/UX Designer