01 / CAMPAIGN LANDING PAGE

GrabFood — MÁTXIMUM

A playful campaign with a clear path to joining in.

A responsive promotional experience built around campaign teams, participation mechanics, a personalized campaign profile and rankings.

GrabFood — MÁTXIMUM — 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
Connect the campaign from top to bottom · Lead with a strong campaign identity · Bring the campaign into a mobile journey
02 / THE PRODUCT IN DETAIL

From the overview to the details.

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

CHAPTER 01

The campaign world

01 / 12

Connect the campaign from top to bottom

The complete desktop design combines the campaign world, participation content, profile creation, rewards and signup in one continuous page.

GrabFood — MÁTXIMUM — Connect the campaign from top to bottom
Original Figma working design
Scroll to explore the complete screen.
02 / 12

Lead with a strong campaign identity

The supplied campaign key visual anchors the opening, with typography and navigation arranged around its visual world.

GrabFood — MÁTXIMUM — Lead with a strong campaign identity
Original Figma working design
03 / 12

Bring the campaign into a mobile journey

The mobile experience adapts the campaign into a continuous journey, with readable sections and clear participation actions.

GrabFood — MÁTXIMUM — Bring the campaign into a mobile journey
Original Figma working design
Scroll to explore the complete screen.
CHAPTER 02

Teams & participation

04 / 12

Introduce the campaign teams

Team cards create distinct entry points into the campaign and make its participating groups easy to compare.

GrabFood — MÁTXIMUM — Introduce the campaign teams
Original Figma working design
05 / 12

Turn the mechanics into a sequence

Illustrated instructions break participation into a sequence of actions within the campaign visual language.

GrabFood — MÁTXIMUM — Turn the mechanics into a sequence
Original Figma working design
CHAPTER 03

Profile & progress

06 / 12

Create a personalized campaign profile

The interface combines team selection, image upload and name entry with a visual preview.

GrabFood — MÁTXIMUM — Create a personalized campaign profile
Original Figma working design
Scroll to explore the complete screen.
07 / 12

Read rewards alongside ranking

The integrated section brings reward information and campaign rankings into the same visual chapter. Displayed numbers are source design content.

GrabFood — MÁTXIMUM — Read rewards alongside ranking
Original Figma working design
Scroll to explore the complete screen.
CHAPTER 04

Signup & navigation

08 / 12

Keep signup inside the campaign world

A dedicated signup form sits alongside campaign artwork, connecting information entry with the surrounding identity.

GrabFood — MÁTXIMUM — Keep signup inside the campaign world
Original Figma working design
09 / 12

A focused mobile navigation state

The mobile menu provides a separate navigation surface for moving through the campaign sections.

GrabFood — MÁTXIMUM — A focused mobile navigation state
Original Figma working design
CHAPTER 05

Additional explorations

10 / 12

Explore an individual ranking view

An earlier feedback direction studies how individual standings can be presented as a compact ranking table.

GrabFood — MÁTXIMUM — Explore an individual ranking view
Figma feedback exploration · alternative direction
11 / 12

Explore team standings

A separate feedback-stage table studies a team-based ranking hierarchy.

GrabFood — MÁTXIMUM — Explore team standings
Figma feedback exploration · alternative direction
12 / 12

Explore a reward presentation

An earlier reward composition is retained as a separate design exploration, without mixing its quantities into the primary working layout.

GrabFood — MÁTXIMUM — Explore a reward presentation
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 PROJECTOnlala

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