Finale — a retail chain's promo website with progress toward the main prize

The challenge

Build the promo website from a ready design on the shared base of the chain's campaigns and make its mechanic: the progress of five receipts toward the main draw, chances by source, weekly draws, friend invitations and prize handover — from the win dialog to the delivery form or a certificate sent by email.

What the solution includes

• The road to the main prize: the progress of five receipts on the home page and in the account, a mark once the participant is in the draw, and pulsing marks of the receipts collected.
• Chances by source — for receipts, for getting the chain's card and for invited friends — and their total in the account.
• Receipt registration: the QR code is also read from an uploaded photo of the receipt — through BarcodeDetector with a polyfill for browsers without it.
• Prize handover: a win dialog on entering the account, a delivery address form or an e-certificate sent by email — by flags of the profile.
• Friend invitations: a link and stats in the account; the actions stay locked until the participant registers a first receipt.
• Weekly draws by week, a prize slider, partner products by category, a stub page before the start behind an environment flag, sign-in with a six-digit SMS code and closing the campaign with a link to the winners.

A commercial team project: I built the whole frontend from a ready design; the interactive map on the home page is a separate build. Screenshots are from a local build with test data; the names and logos of the chain, its card and its loyalty programme are hidden.