PRODUCT DESIGN + BRAND + LP

Work Wonders

Role
Product, brand and landing page
Product
B2B SaaS for product teams
Scope
Admin app, public portal, widgets
Themes
Dark admin, light public
Work Wonders

Work Wonders gives product teams one home for feature requests, roadmaps, changelogs, help articles and support. I designed the platform across every surface: the admin app, the public portal each customer brands as its own, the embeddable widgets, the marketing site and the identity itself. The challenge is breadth. A tool that does this much has to feel like one product on day one and still have room to grow.

Roadmap board with Open, In Progress and Done columns
The roadmap board, with an inline composer so a ticket never needs a modal.

The clearest pain came from a stakeholder call: someone was reading every ticket by hand, assigning it a feature and counting totals for a monthly report. So tagging became a product surface. A feature tag now carries matching hints that teach the AI what belongs to it, new posts are classified on arrival, and admins keep the final say over each tag, its priority and whether auto-tagging runs at all.

Tags manager with AI auto-tagging, hints, post counts and priority
Tags as configuration: hints, volume, auto-tag and priority in one table.
Dark post detail with comments and an internal prioritisation panel
Settings screen listing connections

A feedback tool has no value until feedback arrives, so onboarding is built around getting a portal live. Two questions on the way in shape the setup, then a checklist takes over. The decision worth noting is where it lives: a docked pill that expands into a panel on any screen, which becomes the main content on an empty table, where it's the most useful thing we can show. Going live gets its own moment, with a link, an embed and a QR code.

Welcome step asking where feedback will live
Docked setup checklist expanded over the feedback table
Get your portal live modal with link and QR code

With this much product, the risk on the marketing site is a feature grid nobody reads. The page follows the product's own logic instead: the problem, the loop that solves it, then proof. Real interface fragments do the explaining, and pricing went through several rounds, because how tiers are named and grouped shapes what people believe the product is before they ever sign up.

Work Wonders landing page hero in dark mode

The identity grew from a spark mark and a simple line, 'You should start listening.' Campaign work takes it out of the software category altogether, using human moments in place of dashboards, while the product stays neutral and leaves colour to the customer's own portal brand.

Campaign image reading You should start listening
Cover reading Turn Customer Feedback into Product Magic

When a PM can go from a pile of unread posts to the five things paying customers want, the design has done its job. Work Wonders also changed how I think about scope. Pricing is product design, onboarding is product design, and an embedded widget teaches you to design for contexts you'll never control.