Hello! I'm John, UX/UI Designer, designing for impact, driven by user insight.
Works
5 case studies between 2023 - 2025
DESIGN SYSTEMS
01
Building a Scalable Automotive Design System
Part creator of a scalable multi-band design system (built on atomic design principles), increasing the business’s capacity for new work.
UI DESIGN, PROTOTYPING, TESTING
02
Real-Time KPI Dashboard & Reporting for Automotive Teams
A new solution with real-time reports, dashboards, and widgets tailored to user needs, featuring an enjoyable UX, informative UI.
RESEARCH, USER CENTRED DESIGN
03
Redesigning the CRM Diary & Appointment Experience
Built without UX input, the original diary and appointment tool simply wasn’t designed with real users in mind.
UX DESIGN, RESEARCH, USER FLOWS, WIRE FRAMING
04
Designing a Retail Workshop Booking Solution for CRM/DMS
Designing a new customer and technician facing booking solution to support retail workshop bookings and teams between front and back of house.
UI DESIGN, RESEARCH, PROTOTYPING, BRANDING
05
Rethinking a Nursery App Experience
Designing a new user-friendly, engaging nursery app that breaks down detailed updates into clear sections, improving the experience many parents face with existing apps.
RESEARCH, WIREFRAMING, PROCESS FLOWS
06
A Flexible Permissions Model for Estate Agency Software
Case study proposing a flexible, granular permissions model to replace Street’s two-role system, improving security, efficiency, and admin control while keeping management simple.A
Adding soon.
Tools of the Trade
Figma
Design, prototype, and collaborate on user interfaces in real time.
Figjam
Brainstorming, mapping user journeys, and facilitating design workshops.
Sketch
Design, create high-fidelity interface designs and reusable design systems.
GA, Tag Manager
To understand user behaviour and measure how design changes impact engagement.
Zeplin
Design and hand off designs to developers with accurate specs and assets.
Crazy Egg
Analyze click and scroll heatmaps and identify areas for UX improvement.
Microsoft Clarity
View session recordings and heatmaps to uncover usability issues.
Jira
Manage design tasks, track progress, and collaborate with developers in agile sprints.
Photoshop
Edit and optimise images and create high-quality visual assets for UI designs.
Illustrator
Design icons, vector graphics, and scalable illustrations for digital interfaces.
Notion
Organise design resources, track workflows, and centralise project information.
Confluence
Document design decisions, research insights, and project specifications.