PROJECT OVERVIEWPROMO WEBSITE
Magnifier — a food brand promo with a hidden-object game
A campaign around the brand's products: a participant picks a location — a French bistro, a breakfast or a dinner — and looks for hidden objects in the picture. Completing it gives a chance at a smartphone and promo codes for orders in the delivery service.
- Role
- Frontend developer
- Timeline
- 2026, February — April
The challenge
Build the promo website around the game from the design: sign-in, rules, prizes and the location choice — and embed the game so that it gets the participant and the level and tells the site when it is completed.
What the solution includes
- The screens of the campaign: the intro, how to play, the prizes and a choice of three locations.
- The game in an embedded frame: the participant's key and the level go in its parameters, while leaving the game and going to the partner's shop reach the site by postMessage.
- On phones the game runs in landscape — in portrait the site asks to turn the device.
- Sign-in and sign-up dialogs, the token in a cookie or localStorage depending on «remember me».
- A check for a new version every 5 minutes with a reload; frontend errors go to a log server.
- A responsive layout with a separate one for phones.
A commercial team project: I built the whole frontend from a ready design. Screenshots are from a local build with test data; the logos, packs and names of the brand and its partner are hidden.