← All projects
PROJECT OVERVIEWPROMO WEBSITE

Suitcase — a retail chain's promo website with a draw of trips and a scratch card of guaranteed prizes

For five weeks, from early May to early June, purchases of 500 ₽ or more in the chain's stores and through its delivery service were registered on the site as receipts. Receipts entered the draw for one of three travel certificates of 500,000 ₽ and weekly draws — certificates for a TV, sports goods, a holiday wardrobe and cosmetics, tickets to a music festival and delivery promo codes — and a receipt with a partner product of any sum also entered the draw of partner prizes. Every receipt earned a guaranteed gift — an online cinema or service subscription, a delivery discount or digital stickers — and a pair of friends who took part by invitation could win a 4,000 ₽ certificate each.

Vue 3JavaScriptFrontendPinia
Role
Frontend developer
Timeline
2025, April — May
Первый экран акции: сертификат на путешествие за чеки от 500 ₽

The challenge

Build the promo website from a ready design on the shared base of the chain's campaigns: the home page with the mechanics, prizes, partner products and friend invitations, receipt registration, the account with the receipt history, the scratch card of the guaranteed prize and prizes, and the invitations and winners pages.

What the solution includes

  • The mechanics in five tabs — the main prize, weekly draws, partner prizes, guaranteed prizes and inviting a friend; on phones the tabs turn into a slider.
  • Prizes in four tabs with the number of prizes per week and per campaign; partner products as a slider of brands from a JSON list, each with a dialog of its products and the partner prize.
  • The guaranteed prize in the account is a canvas scratch card in a frame with the participant's token: when the layer is scratched off, the frame sends a message, and the account jumps to the prizes and refreshes the receipts.
  • Receipt registration: a QR code through the camera, manual entry or photos; the receipt history with statuses and rejection reasons; prizes with promo code copying and partner links.
  • Friend invitations: a personal link with copying and a Share button, invitation stats; the invitation code is passed on sign-in through the chain's single customer account (OAuth).
  • Winners by category with a search by phone and filters by week and prize, FAQ, feedback, a responsive layout.

A commercial team project: I built the whole frontend from a ready design; the scratch card is a separate build by another developer. Screenshots are from a local build with test data; the logos and names of the chain and its delivery service are hidden, and partner products and prizes are not shown.

Next project Highway — a retail chain's summer promo website with a travel game and a gift shop for game pointsPROMO WEBSITE