Scoping and designing a shareable skin-check platform for Skin Check Champions

The problem

Skin Check Champions is a charity working on skin cancer prevention. To grow its community, the team envisioned The Scoreboard: a platform that turns supporters into champions who share personalised digital wallet passes through QR codes, referral links and social media — with every referral feeding real-time impact metrics that showcase the campaign’s collective reach. A launch event at the Sydney Cricket Ground set a hard deadline measured in weeks, not months.

Our approach

We scoped the MVP as a focused, fixed-scope four-week sprint and designed the architecture to match: a mobile-first, installable Progressive Web App built on full-stack Next.js and deployed to Vercel with AWS infrastructure, covering Apple and Google Wallet passes, a map-based clinic finder, referral tracking with email notifications, and an admin dashboard — all specified to WCAG 2.1 AA accessibility standards. When Skin Check Champions restructured delivery around its in-house engineering and product teams, our engagement focused on where an agency partner added the most value: UX and UI design. We ran workshops, mapped user flows, and produced high-fidelity mobile-first designs, a component library and design-system documentation, handed over in Figma for the internal team to build against.

The outcome

Skin Check Champions owns the whole picture: a fully scoped product architecture for The Scoreboard and design foundations its own team can build against — consistent user flows, a documented component library and Figma deliverables spanning the platform’s core journeys, from sign-up and wallet passes to clinic finding and referral sharing — with accessibility specified from day one.

Related services: UX / UI Design, App Development, Accessibility & WCAG