Ali
← Back to work
UX StrategyDesign SystemsProduct Planning

Building Design from the Ground Up at Hornbill

Hornbill had never had a designer. Five products, dozens of developers, and no consistency between any of them. I was brought in to fix that, and to build the process and tools that would keep it fixed.

Problem
Five products, dozens of developers, and no designer ever. No design system and no consistency between any of them.
Role
First ever designer, a team of one, hired to build a design function from scratch.
What I did
Audited all five products, set a four-pillar plan, built a design system and a research-led process, and started bringing in AI.
Outcome
A year in: a system in use across products, research as routine, and design treated as a way to grow.
Client
Hornbill
Role
Lead Product Designer
Scope
Design roadmap
Status
In progress
Building Design from the Ground Up at Hornbill

Walking in

Hornbill is an established business with a strong backend, but it had never had a designer. Five products had grown over the years through engineering alone, each one shaped by whoever happened to build it. There was no design system, no shared patterns, and no consistency between any of them.

I came in as the first ever designer, a team of one sitting next to dozens of developers. My job wasn't one screen or one product. It was to build a design function from scratch: the process and tools that would keep the work consistent long after each project shipped.

The starting line: five products, no designers, a large dev team and a strong backend
What a team of one walked into: five products, zero designers, and a backend that was already carrying the business.

Understanding what I was dealing with

Before changing anything, I spent time mapping things out. I went through all five products and wrote down every inconsistency: different components doing the same job, patterns that clashed, and flows that no one person fully understood.

I sat with developers, account managers and support to find out where users were struggling, and I worked through the products as a user would. The backend was strong and the business ran on it. The front-end was a different story.

The backend carried the business, but the front-end was quietly pushing clients away.

Auditing all five products and mapping inconsistencies
Mapping things out: five products, every inconsistency, and the people who knew where it hurt.

Deciding where to begin

With one designer and five products, the risk was spreading myself too thin and changing nothing that mattered. So instead of redesigning everything at once, I built a plan around what would have the biggest effect: fix the things holding back the most value, and put a system in place so future work built on itself instead of repeating old mistakes.

That plan became four pillars, ordered so each one made the next easier.

The four pillars of the plan, ordered so each makes the next easier
The four pillars: fix the UX, rebuild the UI, build a process, then bring in AI.

01 Fixing the UX and usability

The first job was to stop the bleeding. I went through the products and found the usability problems that were frustrating users and quietly losing clients.

I sorted them by how much they mattered and how hard they were to fix, then started with the high-impact, low-effort ones. Users felt the difference quickly, and the business saw early proof that design was worth investing in.

Sorting UX issues by impact and effort
Sorting issues by impact and effort, starting with the quick, high-impact fixes.

02 Rebuilding the UI and a blueprint

Once the worst friction was gone, I started rebuilding the interface on a proper foundation. Instead of reskinning screens one by one, I built a blueprint: a single design system of shared components, patterns and rules that all five products could use.

This is what makes a one-designer team work at scale. Developers get reusable building blocks, the products start to feel like one family, and every new screen starts from good decisions by default.

One design system feeding consistent components into all five products
One blueprint every product uses: tokens, components and patterns.

03 A process with research built in

A design system is only as good as the process behind it. Hornbill had never had a way to make product decisions with users in the room, so I set one up: a simple, repeatable process with research at the start, not bolted on at the end.

That meant putting habits in place, like discovery, testing and iteration, that keep the team building the right things and give the wider business a shared way of talking about design decisions.

A repeatable cycle: discovery, testing, iteration and validation
A repeatable cycle with research built in from the start.

04 Bringing in AI

With the foundations forming, I started bringing AI into how the design work happens, using it to speed up research, explore ideas faster, and help one designer do more across five products.

It isn't about novelty. It's about letting a small team move at the pace the business needs while keeping the quality high.

AI used across research, exploration, production and consistency
AI as a way to do more with a small team, without dropping quality.

Where it stands now

The early UX fixes are landing, the design system is taking shape across the products, and a real process is starting to run. For the first time, Hornbill has a design function, not just a designer.

Just as important, the business has started to see design as a way to keep clients and grow, rather than just a coat of paint.

To put the whole process to the test, we picked one of the main products, Knowledge, and rebuilt it from scratch. We used the design system, and we started where the process says to start: with the people. We talked to users and stakeholders, which, to everyone's surprise, had never been done from a UX point of view before. That alone was a shock to the team, and it reshaped how we thought the product should work.

We also started bringing AI into the work itself: using it for analysis, for ideation, and wiring our design system into it so we could spin up fast prototypes. It doesn't always behave, and some of those prototypes fall over, but it's getting there, and even the rough version is changing how quickly we can move.

We came out of the Knowledge rebuild genuinely optimistic. The process held up under real conditions, and for the first time the team could feel what design-led actually means rather than just hear about it.

From a designer to a design function: before and after across the products
From one designer to a design function: a system across the products, a research-led process, and design treated as a way to grow.

The two years ahead

This is a long game. The two-year plan takes the four pillars from a foundation to something mature: a design system used across all five products, a research-led process the team does without thinking, AI built into the workflow, and, most importantly, products that are clearly easier and better for users.

A year in, a lot of that is already moving. The system is being adopted across products, research is becoming routine, the process is up and running, and AI is starting to sit inside the workflow rather than off to the side. Year two is about turning all of that into the thing that actually matters: better products for users.

Two-year plan from foundation now to a mature design function in year two
The two-year plan: from foundation to better products for users.
To be continued. This project is still in progress