45GB for 30 days
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.
- 16+End-to-end journeys designed
- 40+Reusable components
- 171 + 12Survey responses + interviews
- 100+Screens & states designed
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
The tension: feel energetic without losing trust where customers share ID or pay.
02 · Colour roles
03 · Type & spacing
04 · Components, as built
Offer card
Home · Shop · Plans
Add-on card
Home · Checkout
Filter chips Try it
Plans · Shop
- 1Confirm
- 2Pay
- 3Verify
Progress stepper
Checkout · eKYC
Button pair
eKYC · Payment · Modals
Status header
Payment · Rewards · eKYC
05 · Behaviour rules
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 VNeIDNational systems
VNeID, with the reason
Verification runs through Vietnam’s national identity app, and says why.
Only in Hanoi
View allLocal relevance
City-specific deals
“Only in Hanoi” surfaces offers that matter where the customer lives.
# Find your lucky number
Search by birthdate or year
- 243 4636 000Free
- 675 4636 000Free
- 554 3422 121Free
- 868 6868 686Free
- 388 8899 999Free
- 939 3939 399Free
- 912 3456 789Free
- 886 1998 886Free
- 966 2000 668Free
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
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.
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.
Feedback
Some love from the team
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.