My background in brand design, advertising and art direction shapes how I work today — pairing accurate research with strong aesthetics
to build user-driven experiences across digital products, services,
e-commerce, and websites.
Rebuilding the core commercial flow of a global port agency — the system its agents live in daily, rather than the spreadsheets they kept beside it.
An onboarding flow that reads taste early, so the catalogue arrives already filtered.
An internal delivery platform for distributed teams — stories, filters, rate cards, notifications.
Kitbag, topics and mega-navigation rebuilt around how professionals actually research gear.
Rebranding Kaluza's platform into a Scottish Power product.
Simplifying a human-assisted AI platform — features panel, preview, tray and an AI wizard —
so non-technical people can spec a product themselves.
A joint airline-and-bank card app: money pots, trip goals, additional card members.
Aligning to the group design system across credit cards, car finance and ISAs.
A platform built around conversations rather than corporate messaging.
Senior product designer who came up through graphic design and art direction,
and still designs like it.
I started as a graphic designer, then moved into art direction — running branding, identity and campaign work across advertising and editorial for a range of well-known consumer brands.
That grew into visual design and art direction for digital, where an advertising background in craft and concept started meeting UI and product thinking. From around 2019 it shifted fully into product design — the discipline I've worked in since, across fintech, travel, retail, energy and enterprise tools.
I work best close to the people building the thing: accurate research up front, strong aesthetics throughout, and a clear view of what can realistically ship.
01Teams with a genuinely complicated product and a low tolerance for decoration.
02Founders at 0 → 1 who need brand and product designed as one thing.
03In-house teams that need a senior pair of hands on a system, not a rebrand.
04Open to the right permanent senior or staff product design role too.
Builder Studio is a human-assisted AI platform that lets you build tailor-made software without any tech skills needed.
Builder Studio's value proposition — going from “idea in your head” to real software without technical skills.
As a Senior Product Designer, I was responsible for driving the vision for Builder Studio through an improved User Experience and a refreshed User Interface.
Builder Tracker is an internal project management platform with Task Management and Time-Tracking tools for project execution.
Task management:
Categorization of tasks in different verticals based on the project progress.
Integrated with Code Repository:
It is seamlessly integrated with Git and all development related user stories
have a Code Commit ID. Time Tracking effort estimation and tracking hours while delivering a task.
Notifications are grouped by what they ask of you — action, mention, or update — rather than by chronology alone.
A multi-category filter panel — Phases, Story Type, Owner, Label, and Feature — that narrows the board down to exactly what someone needs
to see.
Filters stack (the example shows 5 active at once) and clear in one click, so a Scrum lead can isolate, say, just the open "Full Build UI" stories in seconds.
A right-click quick-actions menu on any story card — Approve, Reject, Edit Labels, Change Members, Copy Story — plus inline dropdowns to reassign Story Type and Story Phase without opening the full story.
Built so the most common status changes never require a page navigation.
The project-level dashboard: total stories broken down by status and priority, total tracked vs. approved hours, and a per-member rate card showing hourly rate, tracked/approved hours, and qualitative delivery ratings (Ownership, Responsiveness, Communication).
So leads can approve directly from the row.grouped by what they ask of you — action, mention, or update — rather than by chronology alone.
The story creation and edit modal — title, parent feature, description, labels, and blockers referenced by @story or @user — with quick actions to duplicate the story, create a subtask,
or delete it.
Story Type and Status are color-coded dropdowns (Unstarted through Accepted/Rejected)
so state is readable at a glance back on the board.
A personal dashboard for each team member — total stories by status, the projects they're active on with estimated/
logged/approved time per project, a running activity feed, and a weekly timesheet.
Built so both the individual and their lead can see workload and hours without digging through the board.
I designed and shaped the UX/UI for a new onboarding flow for Otrium, capturing customer style and brand preferences up front so the platform could surface relevant products immediately — designed consistently across web, iOS, and Android.
Otrium's catalogue spans hundreds of outlet brands; without a clear signal of what a shopper actually wants, browsing becomes noise.
We want to know the following of the user:
Favorite type of brands / Brand department. Preferred High-level clothing categories. Style preferences / What do you shop the most (Dresses, jeans, Shoes, Shirts etc.)
As a Senior Designer on the Canon Pro project, I led the Art Direction and UI redesign of Canon's professional cinema and broadcast camera site, translating the precision and craftsmanship of Canon's hardware into a digital experience built for working cinematographers, DPs, and camera rental buyers.
The result repositioned Canon Pro from a standard product-marketing site into the reference platform its professional audience now treats as a "go-to" resource.
The challenge wasn't just a visual refresh — it was making a highly technical, considered purchase feel as premium as the hardware itself.
A dark, image-led homepage that opens on a single feature story, followed by an “Inspiring Content” grid and product news.
The photography carries the page; the interface stays out of the way.
Topics such as Architecture gather stories, interviews and galleries under one theme, in a mixed-size grid that gives each image room.
On mobile the grid collapses into a single editorial column.
Stories end with “What’s in the kitbag” — the cameras, lenses and accessories the photographer used, each linked straight to the product.
Inspiration turns into research without leaving the page.
Navigation first switches between Consumer, Pro and Business audiences, then drills into Products, News & Events, Insight and Support.
On mobile each level opens as a full-screen layer with a clear way back.
Kaluza Flex is Kaluza’s world-leading demand response product. By intelligently charging millions of smart home devices and enabling agile innovation of green propositions, Kaluza Flex mobilizes customers in the energy transition by making decarbonization simple and rewarding.
At the time, Scottish Power was one of the latest companies to use the Kaluza Flex white-label app.
As a Senior Product Designer, I led the UI transformation of Kaluza's white-label demand-response app into a fully Scottish Power–branded product, and built out their own Design System with reusable tokens and components for future features. Alongside the rebrand, I designed the UX and UI for two new features — Urgent Charging and Weekly Schedule.
The full journey on one map: onboarding, account linking, connecting a car, a guided tutorial, then the dashboard and every charging state.
Mapping it end to end showed where the white-label flow needed Scottish Power-specific steps.
As a Senior Product Designer, I designed the concept for Air France-KLM's new Commercial Card app, built in partnership with BNP Paribas — spanning flight and ancillary booking, Flying Blue and KLM account management, joint financial management for additional cardholders,
and family-oriented tools like Child Cards and Trip Goals.
This wasn't a single-stakeholder product: it had to satisfy an airline's loyalty and booking ecosystem, a bank's card and compliance requirements, and end users trying to manage shared family finances around travel.
A tabbed application form with fingerprint set up at creation, ending on one screen that confirms the account, credits a welcome bonus, and activates the digital card.
Adding a cardholder is a shared, incentivized action — the invitee chooses to merge or keep their miles separate, then the dashboard shows a combined balance with per-holder limits.
A Pot is named, shareable, and target-set from creation, then tracks progress and surfaces trip-related offers.
Child Card setup leads with what the child gets, and their Trip Goal can be boosted through quizzes or lessons, not just funding.
Trips list with key details up front, each opening into four functions, with expenses checkable line by line.
As a Senior Product Designer within FJORD, I was part of the team that redesigned the Bank of Scotland website and updated its Design System to match a new visual direction — one that had to align with sibling brands Lloyds Bank and Halifax while preserving Bank of Scotland's own identity, across both Hub and Servicing pages on desktop and mobile.
Lloyds Banking Group's multi-brand structure means Bank of Scotland can't diverge too far from Lloyds and Halifax's shared visual system — but it also can't lose the distinct identity that its customers recognize and trust.
ISA options page, desktop and mobile view.
Car Finance page, desktop and mobile view.
Examples of card interactions, on desktop and mobile.
As a Senior Product Designer, I led the Art Direction and UI Design for BP's “Keep Advancing,” an educational platform built to bring people into a shared conversation about how to meet the world's growing energy needs while reducing greenhouse gas emissions.
Energy transition is a technical, often politically charged topic — the platform needed to invite genuine debate rather than read as corporate messaging, while still being visually credible enough to host serious discussion.
The home page on desktop, with its loading state on mobile.
The subjects of the energy transition, laid out to explore.

The Architecture topic page, where the conversation happens.
Menus on the Architecture topic page, on desktop and mobile.
Quote to Cash, redesigned around the people who key it in.
Optic's Services module runs the commercial life of a port call —
from accepting a vessel appointment through to a settled account.
My job wasn't to invent this flow. It was to sit with the people running it,
find where the existing design broke down under real use, and rebuild
the screens and their behaviour so both the end users and the engineers building it could trust what they were looking at.
This case study is one slice of the work I did across three years at Inchcape as a Senior Product Designer.
The Job Overview — where a port call is accepted, configured and checked.
Optic is Inchcape's operating platform for port agency work — the system port agents, hub reviewers and finance staff use to run a vessel call end to end: accepting the appointment, screening it for compliance, quoting cost, tracking delivery, and billing and settling the account. Services is the module that carries all of that commercial activity, and Quote to Cash is the flow running underneath it.
{{ icOverviewAnim }}A port call starts as a nomination and ends as money settled.
Between those two points it passes through an agent, a hub reviewer,
a compliance check, a vendor and a finance system — and at every handoff, someone needs the screen in front of them to say clearly what state the job
is in and what they're allowed to do next.
Underneath dozens of Figma pages, screens and edge-case states, the job only ever moves through these five stages. The rest of this case study follows that path, and the redesign decisions made at each one.
Interview synthesis → UI/UX redesign → developer-facing annotation specs.
The screens already existed before I got involved — the Services module had been shipping for a while. My part started with the research we'd gathered from user interviews: agents, hub reviewers and finance staff talking through where the current design slowed them down, confused them, or made them double-check things it should have told them outright.
From those findings I re-thought the UI and the underlying behaviour of each section — not just how it looked, but what it should do at each state, what it should block, and what it should surface without being asked. Then I annotated every section so engineering could implement it without guessing.
Three recurring problems, each paired with the redesign it led to.
Nobody could tell, at a glance, why a job was stuck at Approval Pending, or trust that a sanctions screen had actually run before someone hit Accept Job.
A gate that can't be talked around: the appointment is screened before Accept Job unlocks, with the result shown as one of three explicit states — clear, possible match, or detected.
When a Disbursement Account got questioned later, agents and hub reviewers had no shared record of who changed what, or when — just the current status.
A DA History that reads like an audit trail, not a status field: every transition timestamped, with the actor and the role — nobody grading their own homework.
Funding under 100% went out with no record of why — and near-identical jobs on the same vessel meant re-keying the same nomination over and over.
A required justification before a partial funding request can submit, and a Clone Job shortcut that lands the agent back in Job Details to review before continuing.
A five-step wizard turns a vessel nomination into a live job.
An agent can clone a past job -
inside the same port call,or into
a new one - with vessel and port pre-filled, then review before continuing.
The agent drafts a Cost Estimate from the port's disbursement schedule.
Each DA line shows its balance and the percentage being requested up front — anything under 100% requires a typed reason before the form will submit.
Every cost and charge on the job becomes its own service line.
Vendor, revenue, expense — each line is a small state machine reporting a status that later rolls up into one account. A revenue line can parent its own vendor cost and credit adjustments, so one commercial decision moves several ledger entries together.
The Disbursement Account — the invoice the customer actually sees.
Vendor lines invoiced or paid, revenue and margin posted or paid, expense lines expensed — one stray Draft line holds the whole DA back.
A DA's history reads like an audit trail: LPA drafts, Hub verifies, back and forth — nobody grades their own homework.
Wherever the old design used a single status word, we asked what someone actually needed to know to act — usually that meant showing the state as structure, not prose.
Every gate — sanctions, mandatory checks, DA advancement — blocks the next action visibly, with a reason, instead of failing quietly downstream.
Cloning a job saves re-keying, but still drops the agent into a review step. Speed and a second look weren't treated as opposites.