Interactive campaign minigame

PerfectMatch.

A 45-second responsive matching game coded for a short-run Lacoste campaign.

View campaign reelFounder / Coder
00:45
Perfect Match campaign start screen with Lacoste products over a tennis court
45 sec / 8 pairs / 1 result
Brand
Lacoste
Year
2026
Studio
JK & Co. / Junkio
Personal role
Founder / Coder
Format
Short-run campaign

Why

A short campaign needed an interaction that felt immediate on mobile and could move valid participants toward a Lucky Draw without slowing the play.

What

A 45-second matching game spanning participant entry, instructions, gameplay, confirmation and a Zalo OA handoff.

How

I coded the responsive experience and game logic as Founder of JK & Co. / Junkio, with the studio supporting technical and campaign operations.

01

Campaign brief

Short window. Clear interaction.

Built for the point where attention becomes participation.

Perfect Match turns a branded moment into a short sequence of decisions. The interface introduces the challenge, collects participant details, explains the rule and moves straight into play.

The campaign was time-limited, so the implementation focused on fast comprehension, stable interaction and an unambiguous finish rather than long-term product breadth.

02 / Real campaign screens

From invitation to result.

The sequence stays compact enough for a campaign visit while giving each step one clear job.

Perfect Match campaign entry and participant information screens
Entry

Campaign invitation and participant details.

Perfect Match instructions, 45-second matching grid and completion screens
Play and result

Instructions, timed matching and the campaign handoff.

03 / Experience flow

Five moves. No detours.

  1. 01

    Enter

    A direct campaign prompt makes the action clear from the first screen.

  2. 02

    Identify

    The participant adds the details required to join the campaign.

  3. 03

    Understand

    A compact instruction screen explains the matching rule before the timer begins.

  4. 04

    Play

    The player searches for eight pairs within a focused 45-second round.

  5. 05

    Continue

    A result message closes the loop and routes the participant toward Zalo OA.

04 / Coded interaction

The mechanic is the case study.

This playable reconstruction isolates the core state model: hidden cards, two-card comparison, matched pairs, completion feedback and a 45-second clock.

Portfolio reconstruction for interaction review. It is not the expired campaign endpoint and does not collect participant data.

Interaction reconstructionPerfect Match
00:45

Find all eight pairs. The clock starts with your first card.

05 / Technical delivery

One interaction, three connected layers.

The implementation connected the player-facing game with the operational needs of a live campaign.

Lacoste Perfect Match campaign key visual with a participant holding the mobile game
Interface layer

Responsive by default

The interaction was coded for the phone first, with clear controls, compact hierarchy and layouts that adapt across screens.

Game layer

A stateful 45-second loop

Timer, reveal, comparison, matched pairs and completion feedback work together as one short, legible interaction.

Campaign layer

Participation with a next step

The experience connects participant records for the Lucky Draw with the campaign path to the brand's Zalo OA.

Campaign lifecycle

Built to arrive, perform and close cleanly.

This was a short-run activation rather than a permanent product. The live campaign window has ended, so this case study documents the interaction and delivery without presenting an inactive game link.

View the campaign source

Credits

Campaign engineering in a founder-led studio.

Brand
Lacoste
Studio
JK & Co. / Junkio
Personal role
Founder / Coder
Delivery
Responsive minigame and campaign operations