← All projects
PROJECT OVERVIEWPROMO WEBSITE

Coin — a retail chain's promo website with a gift showcase for coins

A campaign of a chain of stores with a partner film: purchases of 600 ₽ or more with the loyalty card, or delivery orders of 1200 ₽ or more, are registered as receipts, and every checked receipt brings 5 coins. Partner products add coins on top, and the coins are exchanged for guaranteed gifts — from a promo code for cinema tickets to a plush toy.

Vue 3JavaScriptFrontendPinia
Role
Frontend developer
Timeline
2025, December — 2026, February
Личный кабинет: история чеков, проверенные чеки и баланс монет

The challenge

Build the promo website from a ready design on the shared base of the chain's campaigns and make its new mechanic: coins for receipts and partner products, a gift showcase with stock counts and exchange, ordering a gift with a size choice and pickup at a chosen store.

What the solution includes

  • Coins: 5 for every checked receipt plus extra for partner products; the coin balance and the number of checked receipts in the account, the coins earned at each receipt.
  • A gift showcase on the home page and in the account: the price in coins, the stock left, a «left to collect» progress bar and ordering once there are enough coins.
  • Ordering a gift in its own dialog: a size choice for clothes, notes for particular gifts and the exchange of coins; cinema promo codes arrive in the account, other gifts wait for pickup.
  • Pickup at a store: the participant searches the region, city and address of a store with a pickup point in a catalog of almost 25 thousand points and gives their full name.
  • Receipt registration and history with statuses on the shared base of the chain's campaigns; a block of the partner film with a link to buy tickets and an animated first screen from Adobe Animate.
  • When receipt registration ended, its buttons were removed and the first screen announces the end of the campaign; 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 of the chain and the film are hidden, the gift pictures are blurred and the character drawing is removed.

Next project Puck — a promo website of a retail chain and a hockey club with match ticket drawsPROMO WEBSITE