Skip to content

Case study · Circles.Life × VNPT, Vietnam

Designing a Gen Z mobile brand, from research to build-ready in one quarter

VNPT wanted a Gen Z mobile brand, but there were no requirements and no brand identity yet. I led a three-person design team from research to a build-ready experience in one quarter. VNPT approved it, and it launches in October 2026.

Role
Senior Design Manager
Timeline
Mar–Jun 2026
Team
Three product designers, including me
Skills
Design leadership · CX strategy · User research · Design systems
DayUp logo beside two phones: the onboarding screen promoting nationwide 5G coverage, and the home screen showing data left, mobile balance, loyalty points and exclusive offers.
  • 16+End-to-end journeys designed
  • 40+Reusable components
  • 171 + 12Survey responses + interviews
  • 100+Screens & states designed
01

Research

Why would Gen Z switch?

Circles.Life’s platform could run VNPT’s new brand. What it couldn’t tell us was why a young customer would leave the carrier they already had. So before anyone designed a screen, I set up discovery in Hanoi with VNPT’s product managers.

I wrote a survey for young mobile users, and 171 answered. It showed us where people got stuck, but not why. So I turned those findings into an interview guide, and we ran 12 interviews. They changed our minds on onboarding: going digital wasn’t the fix, explaining each step was.

We tagged every survey answer to the opportunity it pointed to.
The first surprise: the ID check stopped more would-be switchers (66%) than the store visit.
In the interviews, we tested each survey finding against what people actually did.
Ranking changed the story: over half ticked entertainment, but nobody ranked it first.
1 / 4

By the end, we knew what Gen Z wanted from DayUp:

  • Gen Z wants more controlTo see what’s left at a glance, and change plan without a call or a store visit.
  • They want to understand every stepOnly 5 of 12 would trust an app-based ID check, and only if each step was explained.
  • They want rewards they’ll actually useData bonuses and everyday perks, without hiding the balance.
  • They want offers that fit the momentFewer offers, timed to what’s happening, like a top-up when data runs low.
02

The setup

One quarter, and nothing was settled yet

We knew what Gen Z wanted. Now we had to design it before any PRDs existed, while an outside agency was still creating the brand. I set the direction, split the journeys between two designers and myself, and stepped in wherever a journey was critical or slipping.

Illustrative recreation; the original board is confidential.

Every call I made balanced four tensions:

  • Speed vs. qualityDiscovery to build-ready, without lowering the bar.
  • Brand vs. consistencyThe agency’s identity kept changing while we built on it.
  • Ambition vs. feasibilityVNPT’s wishes had to become something engineering could build.
  • Local vs. one experienceVietnamese, not translated, without splitting the journey.
03

Process

Design ran ahead of the requirements

Waiting for PRDs would have cost us the quarter. And three teams were working across three languages: VNPT in Vietnamese, KDDI in Japanese, and our team in India in English. Long documents got lost in translation; a screen didn’t.

So I moved design upstream. We sketched low-fidelity wireframes and built clickable prototypes in Figma Make, then used them to drive every conversation: capture feedback, agree the scope, and only then write the PRD. VNPT approved the journeys first. The PRDs came after and mostly wrote up what we’d designed.

Journeys were signed off first, then written up as PRDs.
Four habits kept three designers building one experience, not three.
04

Decisions

Three calls that kept the quarter on track

VNPT needed a credible proposition, engineering needed something it could build, and the agency needed room for a brand still taking shape. My job was to make the trade-offs visible, recommend the smallest change that kept the journey coherent, and stop decisions being reopened.

Where offers live: the trade-off made visible, then approved.

Three calls show how that worked:

  • I started with the hardest journeysOnboarding and eKYC carried the most regulation, so solving them first set the patterns everything else reused.
  • I let the research settle the home screenVNPT wanted promotions on top, but only 6% of people act on them. Usage stayed fixed, with offers below.
  • I took the critical path myselfWhen eKYC slipped, I picked it up so activation could stay with its owner. Both made the approval round.
05

Home screen

One home, four states, nothing moves

The home decision had to hold up in every situation, not just the two we’d argued about. So we designed four states. Usage, balance and navigation never move. What changes is the order below them, and one alert when the plan runs out.

The order below usage changes; the top of the screen never does.
06

Principles

Five rules the team could design by

Calls like the home screen couldn’t all come through me. So I wrote five experience principles, each one traced to a real screen. When requirements changed, and they kept changing, the team used them to make the next call on their own.

01 Core telco clarity comes first: usage and balance always lead.
02 Reveal complexity progressively: the rest opens only when asked.
03 Expressive in discovery, calm when it matters: mascots sell, identity checks stay plain.
04 Personalize content, not the layout: what’s shown changes, where it sits doesn’t.
05 Design for change with modules: new needs slot in without a redesign.
1 / 5
07

Onboarding

We couldn’t remove a step, so we explained each one

The hardest journey came first. Vietnamese eKYC, consent and customer data meant we couldn’t cut a single required step. So we made each one understandable, kept customers oriented, and gave every outcome a next step. VNPT approved the full journey, and engineering built the core flow from our specs.

Activate carries the regulation, so that’s where explaining mattered most.
Lucky-number search came straight from the interviews.
Duration first, then the plan, with everything included spelled out.
Confirm, Pay, Verify: the whole path is visible from the start.
The locked-device warning comes before payment, not after.
One frame, one line of guidance per eKYC step.
Every outcome has a next step, even failure.
1 / 6
08

Design system

We turned a brand still in progress into a system

The brand was still moving, so we built a system that could absorb change: tokens, behaviour rules and 40+ reusable components. DayUp stays bold in discovery and calm wherever customers share ID or pay.

DayUp design system · a peek

Brand energy, built to hold up.

The agency gave us a personality. We turned it into tokens, rules and components that every journey reused. These are the real pieces, rebuilt in code.

01 · Personality

YouthfulEnergeticBoldTrustworthyClear

The tension: feel energetic without losing trust where customers share ID or pay.

02 · Colour roles

Lime
#C6FE20Energy, highlights, offers
Deep indigo
#2E2A8FBrand surfaces
Indigo
#5452C9Actions & selection
Alert
#E5522BLow data, discounts, errors

03 · Type & spacing

8 GB / ngàyDisplay · 32
Choose the planHeading · 20
Validity: 30 daysBody · 14
4812162432

04 · Components, as built

LMTD21220% OFF+500

45GB for 30 days

Access OffersVIP Benefits
1,240,000 đ1,500,000 đ

Offer card

Home · Shop · Plans

LMTD12020% OFF+500
360.000 đ200.000 đ

Add-on card

Home · Checkout

Filter chips Try it

Plans · Shop

  1. 1Confirm
  2. 2Pay
  3. 3Verify

Progress stepper

Checkout · eKYC

Button pair

eKYC · Payment · Modals

Payment success240.000 đ
Payment failed240.000 đ

Status header

Payment · Rewards · eKYC

05 · Behaviour rules

DiscoveryExpressive: colour, mascots, motion.
Critical tasksCalm: plain surfaces, one clear action.
AlwaysAccessible contrast, predictable states.
09

Localization

Designed for Vietnam, not translated

Translation was the easy part. We reviewed tone, terms and imagery with VNPT, took cultural guidance from the agency, and benchmarked local carriers. The lucky-number finding showed up here too.

DayUp · Designing for Vietnam

More than translated strings.

Identity, place and even the numbers people choose had to feel local. These are the details, rebuilt in code.

Step 1

Upload CCCD front image

Add a clear front page photo of your CCCD

Identity

The ID people carry

eKYC names the CCCD citizen ID directly, not a generic “identity document”.

Verify information via VNeID

To ensure safety and compliance, please verify through the VNeID app

Connect to VNeID

National systems

VNeID, with the reason

Verification runs through Vietnam’s national identity app, and says why.

Only in Hanoi

View all

Local relevance

City-specific deals

“Only in Hanoi” surfaces offers that matter where the customer lives.

# Find your lucky number

  • 868 6868 686Free
  • 388 8899 999Free
  • 939 3939 399Free

Culture · from the interviews

Numbers carry meaning

Lucky, feng shui, birth-year and zodiac numbers came straight from the interviews, not a brief.

8
Prosperity (phát)
6
Fortune (lộc)
9
Longevity
4
Usually avoided

How it was checked

1Tone, imagery and terminology reviewed with VNPT stakeholders
2Cultural and visual guidance from the brand agency
3Benchmarks of Vietnamese carriers, including Saymee and Viettel
10

Quality & AI

Quality after handoff, with AI taking the busywork

Handoff isn’t where quality is won. I set up a build review against the approved designs, with every gap logged in one ticket format. Once the design system landed, design issues fell from 22% to 10% of QA bugs. Most were small spacing and layout slips, the kind that creep in when many people build the same screens.

Then we let AI take the repetitive work on both sides. In August we got beta access to Figma agents and used them on new requirements: they turned our components into finished designs much faster, and gave the team breathing space. Engineering was already pushing for Cursor, so I proposed pairing it with Figma MCP. They could then generate UI straight from those same components, with fewer UI issues reaching review.

AI drafts and builds; the team’s judgment stays in the middle.
11

Outcomes

What’s delivered, and how we’ll know it worked

DayUp hasn’t launched yet, so there are no results to claim. Here’s what we delivered, and what we’ll measure once customers arrive.

Nothing measured yet; these are the six things we’ll track after launch.
12

Feedback

Some love from the team

13

Lessons

What I’d take into the next role

Three lessons I’m taking with me.

  • Listen for what people say unpromptedThe lucky-number finding wasn’t in our questions, and it became a feature.
  • Design can lead product definitionWhen requirements don’t exist yet and teams don’t share a language, a prototype everyone can click becomes the spec.
  • AI pays off on a shared systemFigma agents and Cursor both worked from the same components, so speed didn’t cost consistency. Building it with engineering, not for them, is what made it stick.

P.S. DayUp launches in October 2026. I’ll update this page with what customers actually do.