Gallery

UI gallery

UI gallery

A closer look at the visual and interaction design behind the work in my case studies - before-and-after views of screens I designed.

In my current role as Principal User Experience Designer at Reece Group, I lead the design strategy for customer-facing B2B digital products across Australia and New Zealand. My work includes establishing a research-led culture, overseeing the design vision of our web and mobile apps, and embedding design-led thinking into product and engineering practices. Close proximity to customers at Reece has enabled me to champion a customer-first approach, ensuring design decisions solve real customer problems while supporting business growth.

Previously, as Product Design Lead at 321 Ignition, I applied direct response and conversion-focused design strategies that

Home screen - maX app

The problem: Trade customers repeated the same steps on every visit, even though the app already knew who they were.

Original maX home screen
Original maX home screen

BEFORE

BEFORE

maX home screen UI refinements
maX home screen UI refinements

AFTER

AFTER

Release 1 - Personalise the home screen
  • Closest branch surfaced automatically, using location

  • Shop by industry reordered around the customer's actual trade, replacing generic categories with relevant ones

  • Search placeholder tuned to trade-relevant examples

  • Closest branch visually segregated into its own card, so a tradie can open the app and get directions in one glance

maX home screen UI refinements
maX home screen UI refinements

BEFORE

BEFORE

maX home screen
maX home screen

AFTER

AFTER

Release 2 - Rebuild around what the data revealed

Once usage data confirmed that 88% of sessions start with search and 8% go straight to reordering, that justified a structural rethink.

  • Moved from a category-led screen to a search-led one

  • Past orders and commonly purchased products promoted above the fold

  • Branch locator retained, but repositioned as a supporting action rather than a destination

Native payment flow

Online payments web version - before
Card details - before
Card details - before

BEFORE

BEFORE

Online payments mobile - after
Card details mobile - after

AFTER

AFTER

I designed a ground-up native payment experience for iOS and Android, not a responsive adaptation of the web flow. The design centred on two principles: make it easy to review what you're about to pay before you commit, and make it unambiguous that a payment has been submitted. I introduced clear confirmation states, prominent in-progress indicators, and layouts optimised for one-handed use on mobile. The experience shipped across 3 iterative releases over 6 months, with usability improvements validated at each stage.

Marina Watson

Scaling digital products through design

I'm based in Melbourne, Australia on the land of the Bunurong People of the Kulin Nation

2026

Marina Watson. All Rights Reserved

Marina Watson

Scaling digital products through design

I'm based in Melbourne, Australia on the land of the Bunurong People of the Kulin Nation

2026

Marina Watson. All Rights Reserved

Marina Watson

Scaling digital products through design

I'm based in Melbourne, Australia on the land of the Bunurong People of the Kulin Nation

2026

Marina Watson. All Rights Reserved