PRINCIPAL PRODUCT DESIGNER & AI DESIGN STRATEGIST

Crafting
intelligent
digital experiences.

Crafting intelligent digital experiences at the intersection of design systems, AI, and human behaviour.

15+
Years in product design
5M+
App downloads delivered
10
Platforms launched in one year
45%
Lift in product-led adoption

Turn complex
technology into
intuitive products.

Mission Bridge the gap between what's technically possible and what's genuinely useful — so AI, automation, and complex systems become products people actually want to use.

Four non-negotiables
that shape every product I ship.

Great design is the minimum bar. The real competitive edge is in the discipline behind it — the structure, the rigour, and the willingness to ship.

01

Strategic.

Design starts with the business case. Every interaction earns its place by moving a real metric — adoption, retention, conversion, revenue.

02

Systemic.

I build the architecture beneath the surface — modular systems, atomic libraries, and governance models that compound velocity across years and teams.

03

Intelligent.

AI is integrated as a capability, not a gimmick. I design human-AI experiences that augment judgement, build trust, and keep people in command.

04

Shipped.

Ideas only matter when they're in customers' hands. I partner across engineering, product, and the C-suite to make sure great work survives the journey to production.

Case studies
across mobility, media, and SaaS.

Case 01 · AI Innovation · Brand Automation

Volta Motos.
A digital brand built by AI from day one.

Role · Year AI Consultant & Product Designer
2024 – Present
Electric mobility · Sydney
Volta Motos digital brand interface showing motorcycle hero, kinetic intelligence campaign page, V-Spec product configurator, and rider lifestyle imagery

Build a complete digital brand and automated business pipeline from zero — without the cost, lead time, or creative overhead of a traditional agency model.

Volta needed to launch fast, launch smart, and build infrastructure that could scale without adding headcount. The mandate was AI-first, end to end.

Instead of running a conventional creative workflow with AI bolted on, I replaced the workflow entirely. Using GPT-4, advanced prompt engineering, and generative visual tools, I architected an end-to-end automated content ecosystem — covering brand identity, social pipelines, and video production — before a single external hire was made.

  • Brand & digital identityGenerative AI drove the full brand system, locking in consistency across every asset and touchpoint from day one.
  • Workflow automationAutomated social pipelines and AI-driven video production replaced manual creative cycles and compressed delivery timelines dramatically.
  • Strategic integrationProcess analysis surfaced the highest-value AI integration points, translating into a roadmap aligned with Volta's commercial milestones.
  • Structural automationEmerging tech was embedded into the foundational operations — intelligence as part of the business architecture, not just the output.
Volta Motos desktop landing page on dual iMac display showing 'Beyond Kinetic' and 'The Future of Velocity' campaign treatments
Volta Motos design system showing multiple browser screens with kinetic intelligence campaign, V-Spec configurator, and rider lifestyle photography
100%
AI-generated brand identity
10×
Faster than manual workflows
0
Agency dependency
1
Business-in-a-box, scaling without headcount
Case 02 · Design Systems · Multi-Platform

7plus.
One atomic system,
ten platforms, twelve months.

Role · Year Lead Product Designer
Seven West Media · 2017 – 2020
Streaming · BVOD
7plus streaming app mobile mockups showing show detail page, home feed with live programming, and live TV channel guide

Launch a world-class streaming service across ten platforms simultaneously — iOS, Android, Apple TV, Samsung TV, PlayStation 4, and more — in twelve months.

The challenge wasn't aesthetic coherence. It was engineering a system flexible enough to stretch from a 1.5-inch watch face to a 100-inch living-room display without losing the brand's identity at any point along the way.

I built the P8 Atomic Design System — a four-level hierarchy that made scale manageable and speed sustainable.

  • ElementsFoundational layer — labels, buttons, base symbols.
  • ModulesPredictable interaction patterns — show tiles, posters, info panels.
  • ComponentsComposed environments — content shelves, grid layouts.
  • PagesComplete user experiences with defined load priorities and above-the-fold logic.

The system was governed by five R.E.S.E.M. principles — Reusable, Easy, Simple, Efficient, Modular. UX was anchored to four motivators from the Contextual Archetypes framework: Empowerment, Control, Surprise, Delight. Not aspirational values — design constraints.

5M+
App downloads
4.7
Across 700K+ reviews
30%
Reduction in dev time per feature
#1
In Australia's commercial BVOD market
Case 03 · Product-Led Growth · SaaS

SupporterHub.
From sales-led to product-led
in one rebuild.

Role · Year Head of Product & Design
2021 – 2023
SaaS CRM · Sports clubs & NGOs
Designer working at desk with brand system documentation, typography specimens, and design workflow artefacts

A clunky, non-responsive CRM was bottlenecking new customer acquisition. An expensive sales-led onboarding process meant every new account required heavy manual intervention.

The business didn't need a redesign. It needed a different operating model.

I led the transition from sales-led to product-led growth — shifting the core thesis from "our sales team sells the product" to "the product sells itself."

That meant rebuilding the platform architecture from the ground up: a modular system letting non-profits activate only the capabilities they needed, reducing complexity and onboarding friction at the same time. Alongside the redesign, I developed a feature roadmap prioritised by user impact and built the documentation infrastructure to support a scaling team.

+45%
Lift in platform adoption
7.2 → 8.9
User satisfaction score
+28%
Client fundraising effectiveness
$5.46M
EBIT trajectory · FY23
Case 04 · Editorial UX · Award-Winning

SMH & AFR.
180 years of journalism,
reimagined for mobile.

Role · Year Lead UI/UX Designer
Fairfax Media · 2015 – 2017
Editorial · Digital subscriptions
Mobile editorial design system showing typographic hierarchy and reading experience across multiple device frames

The Sydney Morning Herald carried 180 years of journalistic authority and 7.68 million digital users who expected both — breaking news at speed and premium long-form journalism worth paying for.

Translating that dual mandate into a native mobile experience — while simultaneously building an architecture scalable across the entire Fairfax portfolio — was the design problem.

I led UX and information architecture for the SMH's first native iOS app, designing content hierarchies that could hold breaking news and long-form journalism in productive tension — each format given the visual weight and interaction model it required.

The larger play was a universal app architecture: a single codebase adaptable across all Fairfax brands, including the AFR. As sole app designer, I ran workshops and mentored web designers through the transition to mobile-first principles — building internal capability alongside the product.

+32%
Lift in digital subscriber conversion
-20%
Reduction in time-to-market
7.68M
Digital users served
PANPA
Best Mobile App, 2016

What I bring
to the room.

I work across the full stack of product delivery — strategy through to shipped pixels. I don't hand off; I partner. From C-suite alignment to design system governance, I'm comfortable everywhere a product gets made.

Product strategy
& roadmapping

Defining product vision and growth opportunities grounded in measurable outcomes — from discovery through validation.

UX/UI & design systems

Elegant interfaces for complex workflows. Scalable, governed design systems that reduce development time by up to 30%.

AI product design

Generative AI workflows, prompt engineering, human-AI interaction design, and responsible AI adoption for real business use cases.

Leadership & mentorship

Leading cross-functional teams, facilitating design-thinking workshops, and mentoring designers through career inflection points.

Side projects.
Built for curiosity, not clients.

Not everything needs a brief. These are the experiments, tools, and ideas I build in the margins — the ones that keep the craft sharp and the thinking honest.

P — 01

Type Specimen Generator

An AI-assisted tool that pairs typefaces, generates specimen layouts, and exports print-ready PDFs. Built to scratch my own itch during brand projects.

Generative AI Typography Figma Plugin
P — 02

Colour Intelligence

A generative palette system that extracts brand-safe colour sets from images using perceptual colour theory. Exports design tokens for Figma and code.

Design Systems Colour Theory Tokens
P — 03

Motion Principles

An interactive reference for animation timing, easing curves, and micro-interaction patterns. Designed to onboard engineers to motion design intent without lengthy specs.

Motion Design Interaction Engineering Handoff
P — 04

Prompt Library OS

A personal operating system for managing, versioning, and rating AI prompts across tools and projects. Built in Notion, exported as a Figma component set.

AI Workflows Notion Productivity
P — 05

Dark Pattern Audit Kit

A free Figma toolkit for identifying and documenting dark patterns in product interfaces. Used in workshops to build ethical design awareness in junior teams.

Ethics Figma Education
P — 06

Brief → Blueprint

A GPT-powered tool that turns a rough project brief into a structured product design brief — with problem framing, success metrics, and open questions surfaced automatically.

GPT Product Strategy Automation

Thinking out loud
on design, AI, and craft.

Long-form thinking on the decisions, frameworks, and failures that shape how I work. No takes, no hot — just things I keep coming back to.

Designing for AI: the 5 interaction patterns that actually work

Most AI products fail at the same moment — when the model gets it wrong and the interface has no graceful way to recover. Here's how I think about designing for uncertainty, fallibility, and trust in human-AI systems.

Why your design system is failing — and it's probably not the components

A design system without governance is just a Figma library that slowly diverges from production. I've built three from scratch and inherited two broken ones. Here's what I've learned about what actually makes them hold.

The 10× designer myth — and what speed actually looks like at the principal level

Speed isn't about working faster. It's about making fewer wrong decisions. Here's the mental model I use to compress discovery, reduce rework, and ship things the first time that actually land.

Sharp tools.
Continuously sharpened.

Design

Figma FigJam Adobe Creative Suite Framer ProtoPie Sketch

AI & Emerging Tech

Claude ChatGPT Gemini Midjourney LLM Prompt Engineering Automation Pipelines

Strategy & Research

Design Systems Jobs-to-be-Done User Interviews A/B Testing WCAG 2.1 AA Service Design Design Sprints

Delivery & Collaboration

Jira Linear Notion Confluence Miro Agile / Lean OKRs RICE

Credentials

2026
Google AI & UX Skills Certification
Google
2025
Generative AI & Business Applications
TAFE NSW
2025
Responsible Artificial Intelligence
TAFE NSW
2025
Introduction to Artificial Intelligence
TAFE NSW
2023
UX Design Professional Certificate
Google
2014
UX Design Immersive
General Assembly
Advanced Diploma of Graphic Design
Enmore Design Centre

Recognition

2016
Best Mobile Site or App — AFR iPad App
PANPA Awards

That's
a wrap.

Currently open to Principal and Lead Product Designer roles, contract engagements, and consulting opportunities at AI-first companies. Let's build something that ships.

Email
graphicsidesig1@gmail.com
LinkedIn
/in/brookewithers
Location
Sydney, Australia
Open to hybrid · remote