Product Design
End-to-end UX/UI design across investment, super and pension platforms — web dashboard and mobile app. Responsible for the full journey from ideation, wireframing and prototyping through to usability testing, stakeholder alignment and production-ready delivery.
Research & Insight
User studies, interviews and usability testing. Qualitative and quantitative analysis supported by Google Analytics, heatmaps and behavioural data.
Stakeholder & Brand
Pitched design decisions and iterated on feedback. Owned brand guidelines — maintaining consistency across all touchpoints.
Visual & Motion
Icons, illustrations, animations, motion graphics and 3D product visualisations. Team portrait photography.
Marketing & Campaigns
eDMs, webinar collateral, social media posts, videos and stories across digital and print channels.
Print & Physical
Outdoor, print and physical media design. From artwork setup through to production-ready files for commercial printing.
AI Implementation
Incorporated AI tools and workflows to increase efficiency — assisting with asset creation and data synthesis.

Stockspot

UX/UI Designer

2022 - Current
Statistics used here have been altered for masking purposes

Stockspot · Super Product

Superannuation
Design System

Designing the end-to-end superannuation experience across signup, dashboard, app and lead-gen: from first concept to a shipped, tested product.

Role
UX/UI Designer
Touchpoints
Web · Mobile · App
Signup Flow
Dashboard
Mobile App
Lead-Gen Page
01
A new product, designed from scratch

Stockspot Super was a new product within the existing investment suite. Every touchpoint had to be conceived, researched, designed and tested, utilising some existing components and dozens of new ones. It involved the marketing page to attract members, the signup flow to convert them, and the dashboard and app to retain them.

The real challenge was the complexity of the product itself. Super is regulated, often misunderstood, and high-stakes for the people using it. Every decision had to balance compliance, trust, conversion and genuine usability.

Signup Flow

A legally complex process, across 3 differing states. Collecting TFNs, initiating rollovers or starting insurance had to feel simple. Existing super products lost users at exactly these moments.

Dashboard & App

Four account states (pending through active) across desktop, mobile web and mobile app, each with its own sizing and styling. No one-size-fits-all solution.

Lead-Gen Page

A marketing page to drive signups from organic and paid traffic, communicating the product's value to visitors with little prior awareness of Stockspot Super.

02
Clear goals across four touchpoints

Each touchpoint had its own goal, but all four had to work as one cohesive system: shared components, consistent visual language, and a single experience of what Stockspot Super feels like.

01
Signup Flow
A smooth, concise signup that guides users through a complex regulatory process without drop-off
02
Dashboard
Clearly communicate status across all four account states, across all screen sizes
03
Mobile App
Translate the dashboard to app with native interaction patterns and distinct styling
04
Lead-Gen Page
Convert awareness into signups with a page that communicates super's value clearly
05
Component Reuse
Maximise reuse of existing components for consistency and reduced build overhead
06
Scalability
Build a system that grows with the product: new states, requirements and features
Design Constraints
Regulatory compliance4 account states10 pages per stateDesktop · Mobile · AppComponent reuseCompetitor parityEvolving requirementsIterative testing
03
Research, iteration and a lot of frames
Signup Flow

Dozens of clean frames, refined across many iterations as requirements evolved and the team tested. Midway through, I revisited several screens with fresh ideas, including a redesigned explainer for the portfolio-to-age mechanic, one of the least familiar concepts for new users.

Portfolio Age Mechanic
Portfolio Age Mechanic
Dashboard

Four account states across 10 screens each: not a simple responsive adaptation, but separate sizing, layout and interaction for desktop, mobile web and app. Thorough competitor analysis shaped the information architecture, with constant updates through build and multiple weeks of testing before sign-off.

Dashboard Wireframe
Dashboard Wireframe
Dashboard Final, Active State
Dashboard Final, Active State
4 States × 10 Screens
Every account state fully designed: pending, rollover in progress, partially active, fully active, across all three platform sizes.
Competitor Analysis
Mapped feature parity, UX patterns and information hierarchy against leading Australian super providers.
Component Reuse
Maximised reuse of existing design system components: consistency with less engineering overhead.
Weeks of Testing
Constant design updates through build, with multiple weeks of testing before final sign-off.
Mobile App

Designed in parallel with the dashboard: same four states and screens, but with app-specific navigation, interaction patterns and a treatment suited to the smaller screen.

App, Account Overview
App, Account Overview
App, Beneficiaries
App, Beneficiaries
Lead-Gen Page

A marketing page built to convert: clear hierarchy, confident visuals and a direct path into the signup flow for visitors new to Stockspot Super. Image dispalyed is of live product page.

Lead-Gen, Hero Section
Lead-Gen, Hero Section
04
A shipped product across every touchpoint

Stockspot Super launched fully designed: signup, dashboard, app and lead-gen all shipped. The design system held across every account state and screen size, delivering a product that met both compliance requirements and real user needs.

4
Account states designed and shipped
10+
Screens per state, per platform
3
Platforms: Desktop, Mobile, App
4
Touchpoints: Signup, Dashboard, App, Lead-gen
Key Outcomes
Shipped a complete, tested super product across all four touchpoints, live in production
Dozens of signup frames across multiple iterations, each responding to evolving requirements without losing clarity
Four states across three platforms delivered with maximum component reuse and a consistent visual language
Good uptake on existing clients and new client super accounts. Post-launch testing and live interviews revealed minimal issues with signup and dashboard navigation, which were iterated and resolved rapidly

Chosen case study

Next

Rhino Mouthguards