I’m interested in repeated work that can become clearer and easier to use. These notes show the problem I was responding to, the direction I took, and what each project demonstrates. I’ve kept the claims to what the published work supports.
01 · Component library
Design Lab
A collection of 64 React components with working previews, copyable source and setup guidance.
Interface patterns take repeated effort to build and compare, especially when the interaction matters as much as the appearance.
Approach02
The approach
Organise 64 original React components into one library, with live previews, complete source, setup notes and a separate preview studio.
Evidence03
What the work demonstrates
The published library demonstrates reusable component work, interaction design and practical documentation. The examples can be explored without first setting up a development environment.
Published interface
The preview could not load. You can still read the story and visit the live project above.
An illustrated view of the Design Lab component library.
Route and place tools can become dense quickly. RouteLab started from wanting a calmer way to think about routes and places without turning a simple trip into a noisy dashboard.
Approach02
The approach
Keep the map as the main working surface and bring planning and movement history into the same flow. The interface direction is deliberately quieter so the route remains the thing the user is thinking about.
Evidence03
What the work demonstrates
Product framing, information hierarchy and restraint. It is also an example of choosing what not to surface at once.
Published interface
The preview could not load. You can still read the story and visit the live project above.
A business can communicate well visually while its customer journey and day-to-day work still feel disconnected. I wanted a place to think about those pieces together.
Approach02
The approach
Connect brand thinking with service, operations and lightweight technology. The aim is to make the business easier to understand from the outside and easier to run on the inside.
Evidence03
What the work demonstrates
Brand identity thinking, customer experience, operational thinking and the ability to connect visual decisions to practical work.
Published interface
The preview could not load. You can still read the story and visit the live project above.
Finding a suitable conversation session meant checking many calendars repeatedly. The work was simple in theory but repetitive in practice.
Approach02
The approach
Move the user’s actual question, “what session can I join at this time?”, to the front of the experience. Availability from 200+ calendars is brought into one search instead of making the user visit them one by one.
Evidence03
What the work demonstrates
Turning a repeated manual task into a focused utility, with search as the main interaction instead of the underlying calendar structure.
Published interface
The preview could not load. You can still read the story and visit the live project above.
