Skip to content
Ritesh FirodiyaGet in touch

Work / Charades / Wiki / Surfaces

purchase-success

Surfacecanonicalverified 2026-09-22

SURFACE.MOBILE.STORE.PURCHASE-SUCCESS

Summary

The celebration sheet after a single pack unlocks.

Raw wireframe

  • .context/designs/mobile/store/purchase-success.html

Why it is drawn this way

A bigger beat than the plain notice, and only for pack purchases. Bundle and restore stay on NoticeModal. This is the one moment in the app worth celebrating, and spending the animation everywhere would spend it nowhere.

The pack is named with its industry. Pack names repeat across industries — "Easy" exists three times — and this sheet is the one place a pack appears with no industry heading above it.

Three stats: the pack, the cards added, and offline. Offline is there because it is the thing a buyer worries about after paying and cannot check.

Play now is gold; Keep browsing is quiet text. Both dismiss the sheet — the difference is what the player does next, not what the button does.

Related

Sources

  • .context/designs/mobile/store/purchase-success.html

Every project of mine is written down like this.

Read the résumé