Globe — a retail chain's New Year promo website with an advent calendar of gifts
A New Year campaign of a chain of stores: purchases of 500 ₽ or more, or partner products, in stores and in the app give receipts for weekly draws — over a hundred prizes every week — and for the draw for the main prize, 5,000,000 rubles towards an apartment. Every day a participant can open one window of the advent calendar and get a guaranteed gift — a discount, a promo code or kitchen appliances.
- Role
- Frontend developer
- Timeline
- 2024, November — December
The challenge
Build the promo website from a ready design on the shared base of the chain's campaigns and make its advent calendar: a house with animated windows, opening one window a day and handing out the gift — plus the mechanics, prizes in tabs, the account and the winners.
What the solution includes
- The advent calendar: a house with fourteen windows — Adobe Animate animations; a click in a window is passed to the page through postMessage, the site requests the gift from the API and shows it in a dialog — with a promo code or as a prize.
- Opened windows are marked by the participant's prizes, and without sign-in the calendar offers to sign in.
- The first screen with an animated snow globe from Adobe Animate, the mechanics step by step and prizes in tabs: the main prize, weekly prizes and calendar prizes.
- Sign-in through the chain's single customer account (OAuth), passing the invitation code.
- Receipt registration: a QR code through the camera or manual entry; the receipt history and prizes in the account.
- Partner products in a slider, FAQ, winners, a responsive layout.
A commercial team project: I built the whole frontend from a ready design; the animations are Adobe Animate exports. Screenshots are from a local build with test data; the chain's name and logo and the partner brands are hidden.