← All projects
PROJECT OVERVIEWPROMO WEBSITE

Surprise — a retail chain's promo website with collectible toys and promo codes

A campaign of a chain of stores for the winter holidays: a purchase of 700 ₽ or more in a store, or a delivery order of 2000 ₽ or more, brings a sealed pack with a collectible toy and a promo code. The codes are registered on the site, and each of the six weeks smartphones, gaming laptops, consoles and other gadgets are drawn among them.

Vue 3JavaScriptFrontendPinia
Role
Frontend developer
Timeline
2025, November — December
Личный кабинет: промокоды второй недели и их число в розыгрыше

The challenge

Build the promo website from a ready design on the shared base of the chain's campaigns: the home page with the characters, the collection and the prizes, promo code registration instead of receipts, an account with codes by week, the winners and a delivery form for won prizes.

What the solution includes

  • Registration of the promo code from a pack in its own dialog — from the blocks of the home page, the winners page and the account; signed-out visitors are led to sign-in by phone with an SMS code.
  • The account: promo codes by the six game weeks with their dates, the number of codes in the week's draw and their list, the prizes won.
  • A prize delivery form: full name, email and an address with DaData suggestions for the region, city and street; once sent, the form locks, and a winner sees a congratulation banner.
  • The home page: the first screen and a character slider with Adobe Animate animations, blocks of the collection, the weekly prizes and partner products, FAQ.
  • Winners with a search by phone and filters by week and prize.
  • When the campaign ended, the first screen and the account switched to its results: code registration closed, and the home page leads to the winners; a responsive layout 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 names and logos of the chain and the collection are hidden, and the home page with the characters and partner products is not shown.

Next project Coin — a retail chain's promo website with a gift showcase for coinsPROMO WEBSITE