Multi-colour neon, without emailing the design team

Turned a two-day manual request into a four-tap self-serve flow

Multi-colour neon, without emailing the design team

Turned a two-day manual request into a four-tap self-serve flow

Multi-colour neon, without emailing the design team

Turned a two-day manual request into a four-tap self-serve flow

TEAM

3

Time

2024

My role

Graphic designer / ux designer

KEY SKILLS

UX/UI design

journey mapping

visual design

TEAM

3

Time

2024

My role

Graphic designer / ux designer

KEY SKILLS

UX/UI design

journey mapping

visual design

INTRO

The builder is the shop

Customneon sells made-to-order LED neon signs online. Nearly every order is configured in one screen: type your text, choose a font, a colour and a size, and the builder renders a preview and a price. It exposed exactly one colour per sign while the factory had been making two- and three-colour signs by hand for years.

The problem

Customers couldn't tell multi-colour was possible, so they compromised or bought elsewhere.

The option wasn't in the product

Multi-colour existed as something the design team could do, not as something the builder offered. There was no control to find.

Audit of the live builder and the ordering journey end to end — no entry point for a second colour at any step.

A green and white snowflake on a black background
The design team absorbed it by hand

Every multi-colour sign started as an email. Someone read the request, mocked it up, sent a proof back, and waited for a reply before the order could exist.

Three months of design-team request threads, read and tallied by request type — per-word colour was the most common ask.

red and white Game On LED signage
The ones who didn't email just left

A customer who assumed one colour was the limit had two options: order something plainer than they wanted, or buy from a builder that showed the choice.

Competitor audit — several UK builders surfaced per-word colour directly in the configurator, plus sales-call notes on lost quotes.

purple LED heart sign
IMPACT

Did customers notice the new option?

A restrained click heatmap keeps the focus on the Multicoloured Text control. The rest of the builder stays cool, making the interaction pattern easier to explain.

The strongest click cluster sat on the new self-serve feature.

ILLUSTRATIVE CLICK RATE

1 in 8

customers clicked

Multicoloured Text

12.5%

For every eight sign customers, one clicked the feature.

The option was visible without overpowering the builder.

The simulated hotspot supports the self-serve direction. The production measure to track next is multi-colour attach rate, alongside manual design tickets per week.

The two metrics I set up with the team
  • Multi-colour attach rate — the share of signs ordered with more than one colour

  • Manual design tickets per week — the inbox this was meant to empty

Open

What I'd watch after that


  • Proof rework rate — does the preview still predict the parcel?

  • Drop-off at the colour step on mobile, where the tap targets are tightest

  • Average order value on multi-colour signs versus single

Open

The two metrics I set up with the team
  • Multi-colour attach rate — the share of signs ordered with more than one colour

  • Manual design tickets per week — the inbox this was meant to empty

Open

What I'd watch after that


  • Proof rework rate — does the preview still predict the parcel?

  • Drop-off at the colour step on mobile, where the tap targets are tightest

  • Average order value on multi-colour signs versus single

Open

Design Goal

Give people a choice they never knew they had

Keep the preview honest about the parcel.
A free choice is only free if price and proof move with it. Every colour offered had to be one the factory can make, priced correctly the moment it's chosen.

Open

Let anyone colour a sign word by word, themselves, without leaving the builder.
Someone who wants the first word pink and the rest white can build that sign, see what it costs and order it in one sitting — no email, no waiting, no asking whether it's even possible.

Open

Make the choice obvious, not merely available
An option you have to know about isn't an option. It had to be visible in the ordinary path through the builder, to a first-time customer who has never heard of the design team.

Open

The Solution

Making multi-colour designs self-serve

Applying different colours to individual words was one of the most common manual customer requests. I designed a per-word colour picker that updated the customer’s preview and design proof. Customers could create the effect themselves without leaving the ordering journey or waiting for the design team.

Tapping a word swaps its colour. The preview and the design proof update together.

A.

The word is the control


Each word is its own hit area with a selected state, so there's never a question of what you're about to change.

Open

B.

Swatches open in place

The tray appears next to the selected word and never covers the sign. Colours that can't be made at the chosen size are shown unavailable, not hidden.

Open

C.

Price and proof follow

Every change re-prices the sign and rewrites the design proof that gets emailed — one source of truth from preview to production.

Open

The process

Behind Design Decisions

Behind Design Decisions

Please click through

Rejected: A separate colour panel

Colour lived in its own section below the text field the first thing I built and tested. Why it lost: people lost track of which word they were editing and had to look away from the sign to change it. Two places, one decision.

Rejected: Preset two-colour palettes

Passed: Colour on the sign itself

Rejected: A separate colour panel

Colour lived in its own section below the text field the first thing I built and tested. Why it lost: people lost track of which word they were editing and had to look away from the sign to change it. Two places, one decision.

Rejected: Preset two-colour palettes

Passed: Colour on the sign itself

Turning the solution into a reusable pattern

I turned the colour picker into a reusable component rather than treating it as a one-off screen.

From blank builder to paid order

Applying different colours to individual words was one of the most common manual customer requests. I designed a per-word colour picker that updated the customer’s preview and design proof. Customers could create the effect themselves without leaving the ordering journey or waiting for the design team.

What I've learnt so far

Rafiu Onalaja

Copy Email

Rafiu Onalaja

Copy Email

Rafiu Onalaja

Copy Email