Client presentation set

Passport Pedal Challenge Mockups

These are three separate framed presentations of the same concept so you can show the client how the experience could feel on mobile, tablet, and desktop without relying on manual resizing during the meeting.

Mobile Mockup

The phone version is the most focused and app-like. It defaults to the rider entry step first, then lets the client switch into the challenge board inside the mockup.

Phone-first Portrait Starts on entry screen

Inside the frame, the client can switch between the Start, Board, and Activity views.

Tablet Mockup

The tablet version shows a roomier layout with more breathing room. It opens on the passport board so the client immediately sees the broader challenge grid and mid-sized browsing experience.

Tablet layout Landscape frame Opens on board view

This version is useful for discussing how much content should be visible at once without feeling cramped.

Desktop Mockup

The desktop version frames the experience more like a polished campaign microsite or participant portal. It also opens on the passport board so all 25 challenge cards can be seen in a wider format.

Desktop portal Browser frame Wider board presentation

This is the strongest option if the client wants the challenge board to feel more like a branded event destination than a simple app screen.