Skip to content
Ritesh FirodiyaGet in touch

Work / Charades / Wiki / Surfaces

home

Surfacecanonicalverified 2026-09-22

SURFACE.MOBILE.HOME

Summary

The pack shelves, a resume row, and the pinned Play button.

Raw wireframe

  • .context/designs/mobile/home/home.html

Why it is drawn this way

There is no pack store. Packs are shelves on Home, one horizontal row per industry. A wrapping grid pushed the later industries off-screen and had to cap what it showed; a row keeps every industry visible and lets a section carry all eight packs.

A compact top bar, not a centred logo. The merchandising below has to stay above the fold, so the app mark, the history button and settings share one row.

Owned packs come first in each shelf, so the deck the user can actually play sits above the upsells.

Buying happens in a sheet, not a trip. Tapping a locked tile opens the preview sheet over Home — reaching a locked pack used to cost two taps and lose the user's place.

The footer is pinned and carries the deck summary the old hero card used to show. That is what lets Home lead with the packs themselves. Play is gold because it is the one action that matters; see reserved-gold.

Resume only appears when a saved round still has unplayed movies. Otherwise the row would go nowhere.

Related

Sources

  • .context/designs/mobile/home/home.html

Every project of mine is written down like this.

Read the résumé