Website UI/UX Design.
A website people can understand, explore and act on.
I design websites around what visitors need to understand and do. We develop the page structure, content hierarchy and visual direction together, then turn them into responsive Figma designs. The result should give your business a recognisable presence while making important information and next steps easy to find.
Plan your website design→
SYSTEM
Give each page a useful purpose
A visitor comparing services needs different information from someone ready to contact you. We identify the main journeys and the questions each page must answer. This helps decide which pages belong in the site and which content can be combined.
This service suits a new marketing site or an existing site that needs a considered redesign. It focuses on the website experience; complex application screens are handled through SaaS and dashboard design.
Plan the content before decorating it
We review your current content, brand assets and reference sites to establish a direction. The information architecture covers navigation, key page relationships and the route to an enquiry or another agreed action.
Wireframes test the placement of headings, evidence, service explanations and calls to action. If copy or images are still missing, the design identifies those requirements instead of quietly treating placeholder content as finished.
Develop a coherent visual language
I create a Figma direction through typography, spacing, colour, imagery and reusable interface patterns. Page compositions can vary where their purpose differs, while navigation and repeated elements remain consistent.
Responsive designs explain how content reorders and how navigation works on touch screens. Important interaction states, such as an open menu or form error, are included in the agreed design scope rather than left for a developer to guess.
Review usability and implementation limits
We walk through representative visitor tasks and check the readability of real text lengths. The review considers contrast, focus states and the intended reading order. Formal user research or an independent accessibility audit can be scoped separately if needed.
Motion notes describe the purpose of an interaction and the reduced-motion alternative. A Figma animation is a design specification; its production performance needs verification during implementation.
Design files your developer can use
You receive the agreed Figma page designs, responsive states, reusable components, asset guidance and interaction notes. The handoff explains the behaviour of major elements and identifies any outstanding content dependencies.
Development is a separate service unless included in the proposal. If you already have a developer, I can tailor the handoff around their CMS and implementation constraints.
Prepare for a useful design discussion
Share your existing website, target visitors, the action you want them to take and any brand assets. Explain which parts feel unclear today. We can then agree the key pages and responsive states before estimating design work.
Before
we begin.
Does this include a working website?+
This service provides design files. Development can be added as a separate agreed scope or handed to your existing developer.
Can you work with my existing branding?+
Yes. I review the existing logo, colours, typography and guidelines, then extend them consistently or discuss changes where they limit the website.
Will design alone improve enquiries?+
Clear design can support the visitor journey, but results also depend on content, traffic quality and the offer. I do not promise a conversion increase without evidence.
Tell me what
needs to change.
Share your website or brief, who it serves and the action you want visitors to take.
Plan your website design