Vn
Contact

Vlad Neuman

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.

Inchcape Optic Canon Scottish Power Air France KLM Bank of Scotland BP Visa Three Burberry
01 / Inchcape Optic
2023—2026 · UK/Remote
Enterprise Quote-to-Cash

Quote-to-cash agents stop working around.

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.

Inchcape Optic
Read case study →
02 / Otrium
2021—22 · NL/Remote
E-commerce Onboarding

Hundreds of outlet brands, one personal shop.

An onboarding flow that reads taste early, so the catalogue arrives already filtered.

Otrium
Read case study →
03 / Builder Tracker
2019—20 · UK/Remote
Enterprise Dashboards

Every task tied to the commit that closed it.

An internal delivery platform for distributed teams — stories, filters, rate cards, notifications.

Builder Tracker
Read case study →
04 / Canon Pro
2017 · UK
Web Art Direction

The reference cinematographers keep open.

Kitbag, topics and mega-navigation rebuilt around how professionals actually research gear.

Canon
Read case study →
05 / Scottish Power
2022—23 · Kaluza
Mobile Design System

A white-label EV app, made properly theirs.

Rebranding Kaluza's platform into a Scottish Power product.

Scottish Power
Read case study →
06 / Builder Studio
2019—20 · Engineer.ai
PRODUCT Research Design System

Build real software from an idea.

Simplifying a human-assisted AI platform — features panel, preview, tray and an AI wizard —
so non-technical people can spec a product themselves.

Builder Studio
Read case study →
07 / Air France KLM
2018 · Card app
Fintech Travel

Travel money a whole family can share.

A joint airline-and-bank card app: money pots, trip goals, additional card members.

Air France KLM
Read case study →
08 / Bank of Scotland
2016 · Lloyds Banking Group
Banking Responsive

Group consistency without losing the accent.

Aligning to the group design system across credit cards, car finance and ISAs.

Bank of Scotland
Read case study →
09 / BP — Keep Advancing
Educational platform
Editorial Art Direction

An honest argument about the energy transition.

A platform built around conversations rather than corporate messaging.

BP
Read case study →

About

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.

Focus

Design
Product + InterfaceInteraction + PrototypingWeb + App DesignDesign SystemsArt DirectionBrand + Identity
Research
User InterviewsUsability TestingBehavioural DataUI Audits
Delivery
Component LibrariesDesign-to-Dev Handoff

Recent engagements

Inchcape Shipping Services Product Design 2023—26
Kaluza Product Design 2022—23
Code d'Azur Website Design 2022
Otrium Product Design 2021—22
Engineer.ai Product Design 2019—20
Prophet Website Design 2019
Burberry Brand, Website Design 2018
AKQA Visual Design 2018
Fjord Visual Design 2016

Open to conversations with

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.

Overview

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.

Role
Senior Product Designer
Duration
Oct 2019 — May 2020
Company
Engineer.ai (now Builder.ai)
Platforms
Desktop and mobile web
{{ bsProcessAnim }}
02 — Problem

Identifying the problems

{{ bsProbText }}
{{ bsProbAnim }}
03 — Solution

Designing the solutions

{{ bsSolText }}
{{ bsSolAnim }}

Overview

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.

Role
Senior Product Designer
Duration
2019 — 2020
Company
Engineer.ai (now Builder.ai)
Platforms
Desktop web
10

Notifications

Notifications are grouped by what they ask of you — action, mention, or update — rather than by chronology alone.

{{ notifAnim }}
10

Filters

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.

{{ filtersAnim }}
10

Mega Panel /
Quick Actions

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.

{{ megaAnim }}
10

Rate Card

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.

{{ rateAnim }}
10

Create Stories /
Sub Tasks

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.

Create story modal Story modal with subtasks
10

User Dashboard

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.

Notifications

Overview

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.)

Role
Senior Product Designer
Duration
2021 — 2022
Company
Otrium, Amsterdam
Platforms
Desktop and mobile web
01

Wireframing
the concept

{{ otWireText }}
{{ otWireAnim }}
02

Designing the concept

{{ otDesignText }}
{{ otDesignAnim }}

Overview

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.

Role
Visual Design, Art Direction
Duration
2017
Company
Canon Europe
Platforms
Desktop and mobile web
01

Homepage

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.

Canon Pro homepage, desktop
Homepage, mobile
Homepage, mobile continued
02

Topic Pages

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.

Architecture topic page, desktop
Topic page, mobile
Topic page and menu, mobile
03

Kitbag

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.

What’s in the kitbag, desktop
Kitbag story, mobile
Kitbag products, mobile
04

Mega Navigation

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.

Mega navigation, mobile
Audience switcher and Insight menu, mobile

Overview

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.

Role
Senior Product Designer
Duration
2022 — 2023
Company
Kaluza for Scottish Power
Platforms
iOS and Android
01

App Flow

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.

{{ spFlowAnim }}
02

Connecting your car

{{ spConnectText }}
{{ spConnectAnim }}
03

Tutorial

{{ spTText }}
{{ spTAnim }}
04

Planning charging

{{ spPText }}
{{ spPAnim }}
05

Urgent Charging

{{ spUText }}
{{ spUAnim }}
06

Weekly Schedule

{{ spWText }}
{{ spWAnim }}
07

Account

{{ spAText }}
{{ spAAnim }}

Overview

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.

Role
Senior Product Designer
Duration
2018
Company
AKQA for Air France KLM
Platforms
iOS and Android
01

Onboarding

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.

Onboarding screens
02

Additional Card Member

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.

Additional Card Member screens
03

Money Pot

A Pot is named, shareable, and target-set from creation, then tracks progress and surfaces trip-related offers.

Money Pot screens
04

Child Card &
Trip Goal

Child Card setup leads with what the child gets, and their Trip Goal can be boosted through quizzes or lessons, not just funding.

Child Card & Trip Goal screens
05

Trip Details & Expenses

Trips list with key details up front, each opening into four functions, with expenses checkable line by line.

Trip Details & Expenses screens

Overview

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.

Role
Senior Visual Designer
Duration
2016
Company
FJORD for Lloyds Banking Group
Platforms
Desktop and mobile web
01

ISA

ISA options page, desktop and mobile view.

{{ isaScrollAnim }}
ISA options page, mobile
ISA options page, mobile
02

Car Finance

Car Finance page, desktop and mobile view.

{{ carScrollAnim }}
Car Finance page, mobile
Car Finance page, mobile
03

Card interactions

Examples of card interactions, on desktop and mobile.

Card interactions, desktop
Card interactions, mobile
Card interactions, mobile

Overview

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.

Role
Senior Product Designer
Duration
2019
Company
BP
Platforms
Desktop and mobile web
01

Home page

The home page on desktop, with its loading state on mobile.

{{ bpLoadAnim }}
Loading, mobile
02

Subjects

The subjects of the energy transition, laid out to explore.

Subjects, desktop
Subjects, mobile
03

Conversations

The Architecture topic page, where the conversation happens.

{{ bpConvAnim }}
Conversations, mobile
04

Menus

Menus on the Architecture topic page, on desktop and mobile.

{{ bpMenuAnim }}
Menu, mobile

Overview

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.

Role
Senior Product Designer
Duration
3 years, ongoing
Company
Inchcape
Product
Optic — Services
Platforms
Desktop web
01 — Context

What Optic is

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 }}
02 — The flow

One job, five stages

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.

01
Create
Nomination screened and accepted as a live job
02
Quote
Cost estimate drafted, funding requested
03
Deliver
Each cost and charge becomes a service line
04
Bill
Lines collected into one Disbursement Account
05
Settle
The account confirmed, in full or in part
03 — How I worked

From what people told us, not a blank page

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.

04 — From the interviews

What kept coming up, and what we did about it

Three recurring problems, each paired with the redesign it led to.

What we heard

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.

What we redesigned

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.

What we heard

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.

What we redesigned

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.

What we heard

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.

What we redesigned

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.

05 — Stage 1 of 5

Create — nothing gets accepted on trust

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.

Appointment verificationJob detailsOperationsConfigurationJob created
{{ icCreateAnim }}
06 — Stage 2 of 5

Quote — partial funding, visible and justified

The agent drafts a Cost Estimate from the port's disbursement schedule.

Update cost sheetCheck servicesSubmit CEPosted as revenue
{{ icQuoteAnim }}
Partial funding isn't hidden

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.

07 — Stage 3 of 5

Deliver — lines that roll up

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.

e.g. Margin service
One decision · three entries
Agency Fee Revenue
+2,400.00
Posted
Pilotage Vendor cost
−1,650.00
Invoiced
Early-payment credit Credit
−150.00
Adjusts with its parent
Rolls up to
Disbursement Account — net margin
600.00
e.g. Margin service
Agency Fee — Posted
Vendor cost line Invoiced or paid
Credit line Adjusts with its parent
08 — Stage 4 of 5

Bill — every line collected into one account

The Disbursement Account — the invoice the customer actually sees.

Invoice CollectionDA PendingDispatch PendingBilledPartially SettledSettled
DA History audit trail, desktop
The gate

Vendor lines invoiced or paid, revenue and margin posted or paid, expense lines expensed — one stray Draft line holds the whole DA back.

Every step is logged

A DA's history reads like an audit trail: LPA drafts, Hub verifies, back and forth — nobody grades their own homework.

11 — Principles

A few rules I kept coming back to

01
State beats status text

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.

02
Nothing proceeds silently

Every gate — sanctions, mandatory checks, DA advancement — blocks the next action visibly, with a reason, instead of failing quietly downstream.

03
Shortcuts still show their work

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.

Canon Pro → Builder Tracker → Scottish Power → Builder Studio → BP — Keep Advancing → Inchcape Optic → Otrium → Bank of Scotland → Air France KLM →
Site status
Redesign in progress
Location
London, UK
Availability
Freelance + contract
Index
Work About
©2026
Vlad Neuman