01 / CAMPAIGN LANDING PAGE

Vietcombank × Quán Nhà HAHA

A campaign story, from discovery to participation.

A responsive campaign landing page connecting an entertainment identity with participation instructions, registration feedback and campaign information.

Vietcombank × Quán Nhà HAHA — curated device mockup composition
A project-specific composition using the original artwork.Selected screen views · scroll-frame excerpts where needed
PLATFORM / FORMAT
Desktop + mobile web
CONTEXT
Campaign landing page
KEY CAPABILITIES
The complete campaign journey · The campaign on a smaller screen · Explain the participation stages
02 / THE PRODUCT IN DETAIL

From the overview to the details.

11 illustrated feature stories. Each follows a specific screen or use case. Open any image for a closer view.

CHAPTER 01

Campaign introduction

01 / 11

The complete campaign journey

The desktop layout connects the cast-led opening with rewards, participation steps, ranking, registration and frequently asked questions.

Vietcombank × Quán Nhà HAHA — The complete campaign journey
Original Figma working design
Scroll to explore the complete screen.
02 / 11

The campaign on a smaller screen

The mobile layout preserves the campaign identity while arranging its content into a vertical reading journey.

Vietcombank × Quán Nhà HAHA — The campaign on a smaller screen
Original Figma working design
Scroll to explore the complete screen.
CHAPTER 02

Participation mechanics

03 / 11

Explain the participation stages

Tabbed instructions separate the campaign mechanics into readable stages and supporting illustrations.

Vietcombank × Quán Nhà HAHA — Explain the participation stages
Original Figma working design
Scroll to explore the complete screen.
04 / 11

Carry the instructions into mobile

The mobile design stacks the participation steps, keeping the instructions readable in a narrow viewport.

Vietcombank × Quán Nhà HAHA — Carry the instructions into mobile
Original Figma working design
Scroll to explore the complete screen.
CHAPTER 03

Registration & feedback

05 / 11

Make the next action clear

A Digibank instruction dialog explains the next action while preserving the campaign context behind it.

Vietcombank × Quán Nhà HAHA — Make the next action clear
Original Figma working design
06 / 11

Respond to invalid input

An invalid-input dialog gives the registration flow a distinct correction state.

Vietcombank × Quán Nhà HAHA — Respond to invalid input
Original Figma working design
07 / 11

Confirm successful registration

The mobile success state acknowledges that registration has been completed within the designed flow.

Vietcombank × Quán Nhà HAHA — Confirm successful registration
Original Figma working design
CHAPTER 04

Feedback explorations

08 / 11

An alternative opening direction

A terraced-field composition explores a different campaign opening. This is a feedback-page variation, separate from the primary cast-led design.

Vietcombank × Quán Nhà HAHA — An alternative opening direction
Figma feedback exploration · alternative direction
09 / 11

Explore reward information hierarchy

An alternative overview organizes campaign reward opportunities. Displayed offers belong to the supplied design, not a current promotion.

Vietcombank × Quán Nhà HAHA — Explore reward information hierarchy
Figma feedback exploration · alternative direction
10 / 11

Explore the registration form

A feedback-stage form groups name, identification and contact fields within the campaign layout.

Vietcombank × Quán Nhà HAHA — Explore the registration form
Figma feedback exploration · alternative direction
11 / 11

Organize recurring questions

An accordion-based FAQ exploration creates a dedicated place for campaign questions and answers.

Vietcombank × Quán Nhà HAHA — Organize recurring questions
Figma feedback exploration · alternative direction
03 / MY ROLE & COLLABORATION

My part
in the work.

ROLE DRAFT · FOR REVIEW

This role statement is a working draft for Kha Hoang to review. Final ownership and scope will be confirmed.

I worked on the campaign landing-page interface, adapting the supplied visual identity into responsive layouts and organizing participation, forms and feedback states.

  1. Translate the campaign identity into desktop and mobile layouts
  2. Structure participation content, forms and interaction states
  3. Coordinate interface consistency with the campaign team

Original supplied interface artwork is preserved. Any figures, names or prices within the UI are design content, not reported project outcomes.

KEEP EXPLORING / NEXT PROJECTGrabFood — MÁTXIMUM

Let’s talk.

Have something in mind? Choose a way to get in touch.

LinkedInConnect with me
ZaloChat with me on Zalo
Emailkhahoangtm93@gmail.com
Phone0935 061 682