EP
08 of 08
Client work
08 — Frontend, at GUT

Campaign landingpages

A run of promotional pages shipped on advertising dates — each with its own art direction, several with a mechanic of their own: a timed quiz, a product switcher, a price ladder, a perks carousel.

ClientMcDonald’s Spain
Stack
Vue 3TypeScriptTailwind CSSGSAP
Context

What the problem was

A campaign page arrives with a launch date already promised to the client. It looks nothing like the last one, it lives for a few weeks, and it still has to load fast on a phone, work in every locale the client sells in, and report what marketing needs to see. Rebuilding the foundations each time is how that date gets missed.

Meat Lovers menu launch page with a full-bleed hero and the combo broken out below
Meat Lovers — hero and combo
Meat Lovers — hero and comboStill
Approach

What I did

01

A kit, not a template

Composable sections with strict props, so a campaign is assembled rather than coded from scratch — and the art direction stays free, which is the part a template would have taken away.

02

Gave the pages that needed a mechanic a real one

Super Mario got a timed quiz with a countdown and a lives tracker alongside a menu-versus-Happy-Meal switcher; Más x menos a price ladder you page through; Modo Familia a six-card perks carousel over a three-card offer picker. The kit carried everything around them.

03

Handled locales and QA per launch

The same models feeding every locale the campaign runs in, and a pass across real devices before each launch rather than a desktop emulator.

04

Kept the cadence

Repeatable deploys and a known set of sections meant the later campaigns took a fraction of the first one’s build time, with the same checks.

Performance

How it stays fast

  • Hero media preloaded, everything below the fold deferred
  • No layout shift from late-arriving fonts or images
  • Per-page weight budget agreed while the design was still cheap to change
Outcome

Every campaign launched on the date it was promised, and the pages that needed to be more than a poster — a quiz, a switcher, a carousel — got there without a separate build.

Visuals

Selected media

Summer campaign carousel rotating through the cooler bag, backpack and towel
Imprescindibles — the merch carousel
Imprescindibles — the merch carouselStill
Value campaign hero with a paged carousel of items under two euros
Más x menos — the price ladder
Más x menos — the price ladderStill
Family programme page with a six-card carousel of perks and a call to activate
Modo Familia — the perks carousel
Modo Familia — the perks carouselStill
Film tie-in landing page with a two-tab switcher between the menu and the Happy Meal
Super Mario — menu or Happy Meal
Super Mario — menu or Happy MealStill
Quiz screen with a countdown, a progress tracker and multiple-choice answers
Super Mario — the timed quiz
Super Mario — the timed quizStill
Mobile version of the value campaign hero and its carousel
Más x menos, on a phone
Más x menos, on a phoneStill
Mobile version of the family programme page running into its offer section
Modo Familia, on a phone
Modo Familia, on a phoneStill
Client work built at GUT — the artwork belongs to the brandEyman Pashaliev