Skip to content

Swipe to paint, or tap the button

← Selected work · 07 — B2B · Contractor platform

Outdoor Living Supply: one platform for contractors

A national network of outdoor-living distributors needed a digital platform that works for contractors on site as well as at a desk. I led the UX strategy and designed it across desktop, tablet, mobile and dark mode.

Client
Outdoor Living Supply, via Toptal
Role
Senior Product Designer
Engagement
8 weeks
Surfaces
Desktop, tablet, mobile

The problem

Contractors juggle ordering, tracking and account tasks across tools, and the platform serves thousands of them across a distributor network.

My role

Led UX design strategy for the platform overhaul and advised senior stakeholders; wireframes and interaction models for complex contractor workflows.

The result

A responsive design set (desktop, tablet, mobile, dark mode) that brings ordering, tracking and account tools together, built over four hi-fi iterations.

This case shows real client work. The screens below are from my design file.

01 — The client

A distribution platform built by acquisition.

Outdoor Living Supply was formed in 2020 to bring independent hardscape, landscape and outdoor-living distributors together, and has grown into a national network serving contractors, dealers and homeowners across the US.Public Sources: Modern Distribution Management (opens in a new tab), Landscape Management (opens in a new tab).

02 — My part

Strategy first, then the screens.

I led UX design strategy for the platform overhaul, advised senior stakeholders on UX practice, and shaped the experience vision for a platform serving thousands of contractors, balancing business priorities with the contractor’s needs. I worked with cross-functional teams so everything aligned with the brand’s values of fun, optimism and teamwork, and the engagement’s insights fed the digital roadmap.Judgement

Scope as listed on my Toptal profile.

03 — The process

Old design, low-fi, then four hi-fi rounds.

Five columns of Figma frames: an overview, then desktop, tablet, mobile and dark-mode desktop versions of the platform
The responsive set in Figma: overview, desktop, tablet, mobile and dark-mode desktop.

The file moves from the old design and personas to low-fidelity wireframes, then four hi-fi versions, with a shared component page, an icon library and styles. Each breakpoint is designed on purpose, not scaled down.Design-level

The Figma file for the platform showing its pages: cover, styles, icon library, component, persona, old design, low fi, four hi-fi versions, and misc
The file’s pages: styles, icon library, components, persona, old design, low-fi, HiFi v1 to v4.

04 — Design decisions

Two calls.

Bring the daily tasks together

Ordering, tracking and account tools sit together in one dashboard, so a contractor doesn’t switch tools to finish a job.Judgement

Design for the job site, not just the desk

Tablet and mobile are first-class layouts, and a dark mode exists for low light.Design-level

05 — What I can stand behind

What was delivered.

  • Wireframes and interaction models for complex contractor workflows.Design-level
  • Responsive designs for desktop, tablet and mobile, plus a dark-mode desktop set.Design-level
  • Strategic UX insights within an 8-week engagement that fed the roadmap.Judgement

I don’t quote usability or revenue numbers here: I don’t have measured figures I can evidence from this engagement.

Next caseTurnKey Coach: a coaching app built around the coach’s review queue

(04) — Contact

Open to opportunitiesLagos, Nigeria

Let’s build something people understand.

Senior Product Designer · full-time, contract or advisory. Pick what fits and it opens an email with the right subject.