Selected work
Interface & visual design
Design work from before the PhD, and alongside it: an enterprise platform for a dealer network, operational dashboards, e-commerce and corporate sites, identity and print. Dense data at one end, brand at the other.
Product UI · Web application
Sensor monitoring console
A console for a building sensor network — smoke, PM2.5, temperature, humidity and combined units across many sites. The home view answers the only question an operator has on opening it: what is wrong and where. Counts by sensor type across the top, a map with the sites plotted, connection status per type as a ratio rather than a percentage, and today's alarms as a list you can read without clicking.
Behind it sits the unglamorous half: device, customer, user and user-group management, and an alert-rule editor, all built on one table-and-form pattern so that learning one screen teaches you the rest.
Product UI · Web and mobile
Cadillac dealer platform
An online platform for a car brand's sales department and its dealer network, replacing a set of processes that ran on emailed spreadsheets and paper checklists. It does three things: it lets dealers see and trade each other's advanced-stock-age cars, it manages everyday sales information across four roles, and it makes the POSM inspection paperless.
Four roles use the same data from different angles — head office, area managers, dealers, and sales staff — so the design question throughout was less about screens than about who sees what, and who is allowed to change it.
01 Advanced-stock-age cars
Cars that have sat too long in one dealer's warehouse are worth something to a dealer somewhere else. Head office maintains the stock information on the desktop and chooses which dealers a car is visible to; dealers browse and request; area managers accept or reject those requests from their phone.
02 Sales management
Head office used to send quarterly targets to dealers as Excel tables. The platform does not ask anyone to give that up: head office still uploads the spreadsheet it already makes, and everything after that — issuing it, watching who has responded, confirming each dealer's numbers — happens online. Changing the file format would have been the easy design decision and the one that got the tool rejected.
The target table is the screen the rest exists to serve. It holds four models against three months and a quarter total for every dealer in a region, and has to stay readable and editable at once — so the visual weight goes almost entirely into the column grouping, and nothing else on the page competes with it.
On the phone the same module is built for sales people to scan rather than study, with an edit mode kept one tap away for the corrections that happen away from a desk. Area managers see their own region; head office sees all of it.
03 POSM management
Point-of-sale material inspections were a paper procedure. Head office writes the questionnaire on the desktop — one row per item, with its zone, its score weight, the written criteria and the reference photographs. Managers then score a dealer's showroom from their phone, and the dealer reads the result and uploads proof of the fix without anyone printing anything.
An inspection score is a judgement someone has to defend later, so each item carries its reference photograph and written standard right next to the score, and the score is three points rather than a slider. The rectification screen reuses that layout with the roles reversed: the manager's evidence at the top, empty camera slots underneath for the dealer's.
E-commerce · Proposals and final site
Yulan Home
A shop for wallpaper, fabric and home accessories, where nobody arrives knowing the product code they want. Three proposals went to the client, and the site that shipped is none of them — it takes the room-based browsing from the first, the stated service offer from the third, and puts a real catalogue behind both.
The three proposals
Putting three genuinely different answers on the table is worth more than three variations of one. The illustrated proposal was never going to ship for a business that sells by SKU, but it is the one that made the conversation about how the site should feel rather than which shade of green to use.
The final site
Nine page designs, delivered with a written spec — type sizes, image dimensions and interaction states for each page — so the build did not have to guess.
What survives from proposal one is the room — it is how people actually shop for wallpaper, so it runs through the home page, the whole-home tool and even the basket. What survives from proposal three is that the service is stated rather than implied. The catalogue, the faceted filtering and the roll calculator on the product page are the part no proposal had, and the part the business actually needed.
Product UI · Voice interface
Voice-controlled home screen
A screen for a voice assistant, where the display is the assistant's second channel rather than its main one. Rooms sit on a ring around the microphone, scenes are isometric places rather than lists of switches, and a waveform along the bottom edge shows the system listening without a modal taking over the screen.
Product UI · Mobile web
Daily briefing subscription
A daily market briefing delivered as a mobile page: fundamentals, a forecast, and a deeper data section, designed in a subscriber and a non-subscriber version so the paywall is a change of state in one layout rather than a separate page. The free version has to be genuinely readable and still make the case for the paid one.
Full-length page designs — click any image to see the whole page.
E-commerce
ilk London
A men's grooming shop built on a hard editorial grid: heavy condensed type, a lot of white, one yellow that only ever means "buy". Product filtering is set as a row of line icons — skin type, routine step, product type — so a browse can be narrowed without opening a panel, and editorial blocks are cut into the product grid at full width to break the catalogue rhythm.
Corporate site
Industrial group website
A corporate site for an oil-services and equipment group, with the problem most corporate sites have: several audiences, one homepage. The structure separates them — technology and services, group profile, R&D, markets, recruitment — and a diagram of the group's subsidiary structure does the work that three paragraphs of company history usually fails to do. Designed for desktop and phone.
Brand
Identity marks
Logos for small businesses and non-profits — a bakery, a charity travel program, a charity shop, an elder-care service.
Print & campaign
Posters and product graphics
A campaign poster for a summer program, a product presentation board, and product marketing graphics.
Contact
Get in touch
I am open to new work opportunities, including relocation.