Service 01Website & UI/UX Design
Digital experiencesdesigned with intention.
A good website answers people’s questions in the order they have them. I design sites and interfaces that do that clearly, with enough character that you’re remembered afterwards.
A good fit if you need
- A new website for your business
- A redesign of a site that no longer fits
- A landing page for a launch or campaign
- An interface for an app or product
Original concept artwork for a fictional guesthouse, not a client project. Read the study
How a page comes together
Structure first. Polish last.
Most website problems aren’t visual. They’re problems of order and emphasis. Settling those first means the visual design has something solid to work with.
Swipe sideways to compare the three stages.
What I can do
The parts of the work
- Business websites
- Complete sites planned page by page around what your visitors came to find out and what you’d like them to do next.
- Landing pages
- A single page with a single job, whether that’s a launch, a campaign, or an inquiry, with nothing on it that gets in the way.
- Responsive design
- Layouts composed for phones, tablets, and large screens, rather than one design squeezed to fit each.
- UI design
- The buttons, forms, menus, and states that make up an interface, designed as a consistent, reusable set.
- UX thinking
- Working out what someone is trying to do at each moment, and removing whatever makes that harder.
- Wireframing
- Quick, plain layouts that let us agree on structure and priorities before any time goes into polish.
- Prototyping
- Clickable versions of key screens, so you can feel how something works rather than imagining it from a static picture.
- Visual hierarchy
- Deciding what gets read first, second, and third, using size, weight, space, and position.
- User journeys
- Mapping the routes people take through a site, including where they arrive from and where they might give up.
- Developer handoff
- Organized files, specified styles and states, and notes, so that whoever builds it isn’t left guessing.
How a website project usually runs.
- 01
Understand
Your goals, your audience, what’s on the current site, and what your visitors most need to know.
- 02
Structure
A sitemap and wireframes for the key pages. We agree on the order of things before discussing color.
- 03
Design
Full visual designs for the key pages at desktop and mobile sizes, using your real content wherever possible.
- 04
Prototype
Where it’s useful, a clickable version of the important routes so we can check they make sense.
- 05
Hand off
A tidy design file and reusable components, prepared for your developer to build from.
Every screen gets its own layout.
Most visits now start on a phone, so I don’t treat it as an afterthought. Headlines, images, and the main action are composed for each size, so the design holds together wherever it’s seen.
Questions
Website questions.
Something else on your mind? Ask it in your project brief, and I’ll answer it personally.
Have a site in mind?
Let’s talk aboutyour website.
A complete brief or an early idea are both fine starting points. Tell me where you are and I’ll get back to you about the next steps.