Website, UX and UI design

The first place people check after hearing your name.

Someone sees your board, gets your card or hears about you from a friend. Then they look you up. Your website has a few seconds to confirm they've found someone they can trust, and to make getting in touch easy.

The Axis launch website on a laptop: Small group personal training, opening this Autumn in Deansgrange

Most small business websites look fine. They just don't work.

Visitors arrive, can't quickly tell what you do or why you're different, and leave for someone whose site does the job better.

  • The message isn't clear in the first few seconds
  • The design looks dated, or nothing like your brand
  • There's no obvious next step
  • It's slow or awkward on a phone
  • Nobody knows what's working, because nothing is measured

A UX and UI approach, not a template

I don't start a website at the homepage. I start with the people who'll use it, then design the structure, the journeys and the pages around them. Here's how that worked on the Axis launch site, which I designed, wrote and built. The research stage is from The Design Corner's online store, which went through the same process.

  1. The Design Corner online shopping survey, asking how and why people buy online
    The shopper survey for The Design Corner, one part of the research.
    01

    Research

    Talk to the people who'll actually use the site. For The Design Corner's online store that meant interviews and focus groups with the makers, an online survey of shoppers, and benchmarking how other craft marketplaces sell online. That store was fully designed but never went live, so it shows the process rather than results.

  2. Customer journey for Axis: discovery, landing page, then a choice between a free sign-up path and a pay-now path, both leading to an intro session and active membership
    The Axis customer journey, with the two sign-up routes we weighed up.
    02

    Define (UX)

    Map the journey before the pages. For Axis the big question was how people would join. A free waiting list meant Sean chasing every name. Paying upfront through LegitFit took people straight to a confirmation and a booking link, so that's the route we built.

  3. Desktop wireframe of the Axis launch page: hero, About and How it works in grey boxes
    The Axis launch page wireframe, before any colour went on.
    03

    Wireframe

    Lay out every section in plain grey boxes and agree the order first, because that's cheap to change now and expensive to change later. For Axis, the page answers the questions people have before they hand over their card: who's coaching, how big the groups are, when sessions run and what it costs.

  4. The finished Axis launch page design: a dark photo hero with Reserve your founding spot, and the About section in Chalk and Saddle
    The finished design, built from the Axis brand.
    04

    UI design

    Build the page from the brand's own colours, type and patterns, so the website feels like the shopfront and the studio. Every section is made from the same parts, so it stays consistent as the site grows.

  5. The Axis launch site on two phone screens: the hero with Reserve your founding spot, and How it works
    Live from mid-September, a month before opening day.
    05

    Build and launch

    Most people arrived on a phone, from the QR codes on the door or from Instagram, so every section was designed for mobile as well as desktop. I built the site myself, and it went live a month before opening, with the privacy and refund terms in place before the first payment.

Measured, not guessed

A website audit shows where people are getting stuck. Fix that, and everything you spend on marketing works harder. Three results from audits I've led:

Smart Storage
2% to 5.6%

Conversion rate, after a UX redesign

The audit, a competitor review and user research showed people struggling to order on a phone. We redesigned the quote form and key pages, and the Irish site's conversion rate nearly tripled.

Albany Lodge for Cairn Homes
1,000+

Leads for a new homes launch in Killiney

The audit came first: the site scored 13 out of 100 for mobile speed, and 92% of visitors left after one page. We fixed the site, then ran the campaign. It reached 785,000 people, and 30% of sales were put down to digital.

Hansfield for McGarrell Reilly
2,000+

Leads for new homes in Dublin 15

The audit found the "Register" button didn't work on a phone, and there was no way back to the site after signing up. We fixed both before the campaign started. Over the next eight months it brought in more than 2,000 leads, and when a new phase launched, an email to those leads helped it sell out on preview night.

All three projects were run by my agency, Red Man Media, in 2015 and 2016.

What's included

Every website starts from your brand strategy. If you don't have one yet, that comes first, because a site built without it usually needs rebuilding.

Plan

Structure and journeys

We map how your customers find you, compare you and decide, then shape the site around that, not around an org chart.

Write

Messaging and copy

Your story told for the person reading it. I write the page copy as part of the project, so it's never the bit that holds the launch up.

Design and launch

Design, SEO and analytics

Mobile-first design, on-page SEO, fast loading and analytics set up, so it's ready to be found and you can see what's working.

Sold out on preview night.
A new phase of homes at Hansfield, Dublin 15, after a website audit and an eight-month digital campaign.

"Red Man Media delivered and exceeded our expectations with regards to our digital marketing campaigns. They understood our needs and were very responsive to our requirements. They delivered fantastic results for the development and we would not hesitate in recommending them."

Helena KelleherSenior Advisor, Kelly Walsh Property Advisors

Want a website that brings in enquiries? Let's talk.

A 30-minute call about where you are and what your brand needs to do. No pitch. If you're not ready to talk yet, ask for a free review of your current brand instead.