Khurram Shahzad Technical Lead / Web, SaaS & AI
Start a conversation
Technical Lead / Web, SaaS & AI
CX, UI and UX designDesign · Prototype · Build

UI UX design services made to be built, not just admired.

UI UX design services shape how a product looks, feels and works, from the first user journey to the final button state. They cover research, structure, wireframes, visual design, prototypes and the handoff that turns a design into code. They also shape your wider customer experience (CX), every moment a person has with your brand from the first search to support and renewal, so I design each screen with the whole journey in mind. I'm Khurram Shahzad, a technical lead who designs interfaces and builds them, so the screens you approve are the screens that reach production, with accessibility and speed accounted for from the start.

01

Understand

Audit the current experience, review analytics and learn who the product is for and what they are trying to do.

02

Structure

Turn findings into user flows, navigation and wireframes that settle layout and content before visual design begins.

03

Design

Build the visual language, UI kit and interactive prototypes, with every state, breakpoint and component defined.

04

Build

Hand off clean specs or build the front end myself, so the finished product matches the approved design.

User flowsInformation architectureWireframesPrototypesDesign systemsAccessibilityResponsive designConversion UXDeveloper handoffFigmaTailwind CSSReactNext.js
ScopeCX, UX, UI and handoff

CX, UX and UI design: what each covers

People use these terms interchangeably, but each solves a different problem. Pick a tab to see what each part of the work includes.

Journeys and touchpoints

Design the whole customer journey, not just the screens.

Customer experience (CX) is how people feel about your brand across every touchpoint: search results, your website, sign-up, onboarding, support and renewal. UX covers one product or site, and CX joins them up. I map the journey, find where it breaks and fix the moments that cost you customers.

Journey mapping

Stages, touchpoints, questions and drop-offs mapped from the first search to renewal.

Touchpoint audit

Website, forms, emails, onboarding and support reviewed as one experience, with the gaps ranked by impact.

Feedback and metrics

Usability sessions, surveys and analytics, with measures such as NPS, CSAT and conversion rate, show where the experience helps or hurts.

Journey mappingCustomer journeyTouchpoint auditUsability testingNPSCSATAnalytics review
DeliverablesWhat is included

What UI UX design services include

Eight deliverables I offer. Every project uses only the ones your product actually needs.

01

UX audit and customer journey review

A structured review of your screens, flows and the wider customer journey against proven usability heuristics, with the issues ranked by their impact on sign-ups, sales or support load.

02

Information architecture and user flows

Sitemaps, navigation and task flows that put the right content in front of the right person, in the order they need it.

03

Wireframes

Low-fidelity layouts for web apps, dashboards, landing pages and stores that settle structure and priorities quickly and cheaply.

04

Interactive prototypes

Clickable prototypes you can test with colleagues and customers before a developer writes a line of code.

05

Visual design and UI kits

Typography, colour, spacing and components with every state defined, so the interface feels consistent from the first screen to the last.

06

Design systems and tokens

A reusable library of components and design tokens that keeps new pages on brand and speeds up every future release.

07

Accessibility review

Contrast, keyboard navigation, focus states, labels and semantic structure checked against WCAG 2.2, so more people can use the product.

08

Developer handoff and front-end build

Specs, assets and annotated states for your team, or a full front-end build in HTML, CSS, JavaScript, React or Next.js.

Process: How a UI UX design project runs

01 / Discover

We cover the goals, the users and the constraints, and I review analytics, current screens and competitors to find where people struggle.

02 / Define

Findings become a short brief: the key tasks, the success measures and the pages or screens in scope.

03 / Structure

User flows, sitemaps and wireframes lock down layout and content priorities before any colour or typography is chosen.

04 / Design and prototype

I design the key screens, build a clickable prototype and refine it with your feedback in short rounds.

05 / Test and refine

Usability checks on the prototype, with colleagues or a small group of real users when the project calls for it, catch problems while they are cheap to fix.

06 / Handoff and build

Specs, assets and a component library go to your developers, or I build the interface myself and test it across breakpoints.

ApproachDesign with the build in mind

Why a developer designs your interface

Most design projects end in a file that someone else has to interpret. Here is how I avoid that.

$ design --tokens --components
> define colour, type and spacing once
✓ components designed with every state
$ check --a11y --breakpoints
✓ contrast, focus and keyboard paths reviewed
$ handoff --build
✓ the approved design is what ships
The usual problem

Designs that cannot be built

Polished mockups often ignore real data, long text, loading states and screen sizes, so developers improvise and the result drifts from the design.

How I work

I design with the code in mind

Because I build front ends in HTML, CSS, JavaScript, React and Next.js, I design components that can be built, reused and maintained, with real content and every state in view.

The payoff

One person from sketch to launch

There is no translation layer between design and development. Decisions stay consistent, handoff is faster and you get an interface that is also quick and accessible.

Design systemsProof at scale
FitWho I work with

Who this is for

I work best with teams that care how the product feels as much as how it works. Bring me in before the build, and the design can shape the product instead of decorating it afterwards.

01

SaaS and web app teams

A product whose interface has grown clunky, inconsistent or hard to use.

02

Stores and lead-generation sites

Pages that earn traffic but not sign-ups or sales, where better UX can change the result.

03

Businesses planning a redesign

A site or app you want to rebuild without losing what already works.

04

Developers and small teams

A designer who speaks code, for teams that want specs they can build from.

QualityBuilt in

Accessible, fast and responsive by default

These checks happen while I design, not after launch, so they never become a late and expensive surprise.

01

Accessible by default

I check contrast, keyboard paths, focus states and labels against WCAG 2.2 while designing, so the product works for more people.

02

Fast by design

Layouts, images and fonts are planned for Core Web Vitals, so a good-looking page is also a fast one.

03

Responsive from the first sketch

Every screen is designed for mobile, tablet and desktop together, with real content instead of lorem ipsum.

Go deeperGuides and standards

Guides and standards I design from

Want to see how I think before we talk? These are the guides I wrote and the references I follow.

Guide

How UI/UX lifts conversion

Conversion tactics, UX psychology and testing frameworks.

Read the guide

Guide

12 signs you need a redesign

How to tell when a fix is enough and when a redesign pays off.

Read the guide

Guide

Website design trends for 2026

What is worth adopting, from accessibility to performance.

Read the guide

ResumeFor this service

The CV behind this service

Prefer the details in one document? Open the CV I keep for this kind of work, or download it as a PDF.

Online CV

Read my UI/UX Designer CV

Roles, design work and skills behind UI, UX and CX design, in one page you can share with your team.

View the CV

PDF

Download the CV

The same CV as a PDF, ready to attach to a proposal or send to a colleague.

Download PDF

PricingScoped quotes

How UI UX design pricing works

I don't publish a price list, because a one-page redesign and a full product design system are very different projects. The number of screens, the research needed and whether you want the front end built decide the cost far more than the tools do. Tell me about your product, and I'll reply with a scoped quote, so you know what you're paying for before any design starts.

Request a quote

Tell me about your product.

Send email instead

Three ways to work

Pick the shape that fits.

A structured review of your current screens and flows against usability heuristics and analytics, with a ranked list of fixes.

Research, flows, wireframes, visual design and a clickable prototype for the screens in scope, ready for testing or handoff.

The same design work, followed by a responsive front-end build in your stack, so the approved design reaches production intact.

FAQ

UI UX design services FAQs

UI/UX design services cover how a product is structured, how it looks and how it feels to use. They typically include research or an audit, user flows, wireframes, visual design, prototypes, a design system and the handoff that turns the design into working code. They also feed your wider customer experience (CX).

UX design is about structure and flow: who the users are, what they need to do and the easiest path to do it. UI design is about the visual layer: layout, typography, colour, components and states. Good products need both working together.

CX, or customer experience, is how people feel about your brand across every touchpoint: search results, your website, sign-up, onboarding, support and renewal. UX is the part that happens inside one product or site. I design the UX and map the wider journey, so each screen fits the experience around it.

Yes. Every screen is a moment in the customer journey. When pages load fast, forms are short, errors are clear and the next step is obvious, people finish tasks, contact support less and come back more often. UX is the part of CX you can design, test and measure directly.

Depending on the project: a UX audit, information architecture, user flows, wireframes, interactive prototypes, UI kits, a design system, an accessibility review and developer handoff or a front-end build. We scope only what your product needs.

A focused UX audit usually takes about one week. A full product design with a prototype often takes one to two weeks, depending on the number of screens and how quickly feedback arrives.

It depends on the number of screens, the research involved, whether you need a design system and whether I also build the front end. A single landing page and a multi-role SaaS product sit far apart, so I don't publish one price. Send me your product details and I'll reply with a scoped quote.

An agency suits large programs with many specialists. An individual who both designs and builds suits focused projects where speed, one point of contact and a design that actually matches the build matter most. I'll tell you honestly if your project needs a bigger team.

Annotated screens, spacing and type specs, exported assets, a component library with every state, and notes on interactions and breakpoints. I can also build the interface myself so nothing gets lost in translation.

Both. For a new product, UX design reduces the risk of building the wrong thing. For an existing site or app, it helps when conversions drop, support questions rise or the interface feels hard to update. A UX audit is a good first step either way.