still

Product mockups · v0.10 visual study

Rewards, at a glance.

A softer visual direction for card choices and reward progress. Example data.

Waymark · editorial directionRefined phone preview with softer reward progress
Open ↗
Editorial visual systemColour, typography and component principles
Open ↗
Earlier Waymark studyPrevious visual treatment
Open ↗
Waymark visual systemColor, type and component idea
Open ↗
Earlier visual directionsThree previous concepts for comparison
Open ↗
Design systemColor, type, components and states
Open ↗
Sign inGoogle account entry
Open ↗
Add cardPick the exact card product
Open ↗
Forward alertsCopy address and follow three steps
Open ↗
Test an alertConfirm the first forwarded message
Open ↗
Spending overviewOne clear next-card suggestion
Open ↗
Card detailCashback, progress and spending
Open ↗
Miles card detailExample cap and every transaction
Open ↗
Card priorityChoose a card for each purchase type
Open ↗
ReviewUncertain alerts and corrections
Open ↗
RewardsRule references and estimated progress
Open ↗