Skates — a promo website of a retail chain's charity campaign with a board of funds raised and a gift shop
For seven weeks, purchases of 500 ₽ or more in the chain's stores and orders in its delivery app were registered on the site as receipts, and a receipt with a partner product of any sum gave an extra chance. Receipts entered weekly draws of smartphones, TVs, stylers, robot vacuums, shopping certificates and delivery promo codes, and the draw for the main prize — a family trip to an ice show. Accepted receipts built up a balance and were exchanged for guaranteed gifts, and 2 ₽ from every receipt went to help families in need through a charity fund.
- Role
- Frontend developer
- Timeline
- 2025, March — April
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, the gift shop, the board of funds raised and partner products, sign-in, receipt registration, the account and the winners page.
What the solution includes
- The mechanics in four tabs: the weekly draw, guaranteed prizes, the main prize and delivery orders; on phones the tabs turn into a slider with pagination.
- The board of funds raised: the sum comes from the server along with the campaign-over flag and is split into seven cells padded with zeros on the left.
- The gift shop for receipts: the price in receipts, the stock left and a progress bar; ordering a gift — with a size choice for clothes — deducts the receipts from the balance.
- Receipt registration: a QR code through the camera, manual entry or up to five photos; a browser fingerprint is sent along, and uploads are closed to a participant flagged for fraud.
- Sign-in through the chain's single customer account (OAuth); the account: the receipt history with statuses, the participant's prizes, the gift shop and a prize claim form choosing the pickup store by region, city, street and house.
- Partner products as a slider of categories with product dialogs, winners by week, FAQ, a responsive layout.
A commercial team project: I built the whole frontend from a ready design. Screenshots are from a local build with test data; the chain's name and logo, the charity fund's logo and the print on the T-shirts are hidden, and the first screen with a photo of people is not shown.