UI/UX Design

pro

Richard Nash

(7)

Starting at

100

/hr

About this service

Summary

From simple landing pages, to complex SaaS, AI, B2B, Web3 websites. Bespoke Headless, or Low-Code magic with Framer. Helping you deliver a website that converts your audience is my modus operandi. Over the last few years I've helped a variety of clients or worked on projects, across different industry sectors, for the likes of WWF and Netflix, to General Mills. SharpEnd, to EY and HSBC.

Perfect for landing pages, micro-sites, smaller UI/UX needs or Figma work. For bigger or longer duration projects that require more than a weeks effort, the additional time can be invoiced, with the initial payment securing the project.

Process

☺️ 1. Empathise

Cultivate a genuine, empathetic understanding of the people and contexts you are designing for. Rather than making assumptions, spend time observing users in their real-world environments, conducting interviews or focus groups, and gathering qualitative and quantitative data. The goal is to reveal the deeper motivations, emotions, and pain points that users experience, paving the way for meaningful design opportunities.

Typical Methods:

User Research (interviews, observations, surveys), Competitive Analysis, Stakeholder Interviews, Empathy Mapping, Persona Creation.

🧩 2. Define

Synthesise all the information obtained during the Empathise stage to pinpoint the most critical problems and frame them clearly. By clustering your findings, identifying patterns, and translating insights into actionable statements, you establish a precise focus for the design challenge. This clarity ensures that subsequent design efforts remain aligned with user and business needs, preventing misinterpretation or scope creep.

Typical Methods:

Problem Definition & Statements, Affinity Diagrams, Theme Identification, User Journey Mapping, User Goals / Jobs-to-be-Done, Problem Prioritisation.

💡 3. Ideate

Generate a wide range of imaginative and innovative ideas that could potentially address the defined problem. This stage encourages teams to step outside conventional thinking and embrace divergent exploration before converging on the most promising concepts. By prioritising quantity at the outset, you ensure that no potential solution is overlooked.

Typical Methods:

Brainstorming (e.g., “How Might We…” sessions), Sketching & Rapid Ideation, Conceptual Workshops, Co-creation Sessions with Stakeholders.

⚙️ 4. Prototype

Transform the most viable ideas into tangible representations, such as wireframes or interactive prototypes, to quickly test assumptions and gather early feedback. Prototyping enables you to move from abstract concepts to practical iterations. It also allows you to fail fast and cheaply, ensuring that you refine ideas based on real-world insights rather than guesswork.

Typical Methods:

Low to Mid-fidelity wireframing (paper or digital), Clickable Prototypes, Rapid Prototyping Tools (Figma, Sketch, etc.), Interactive Mock-ups (Framer).

💻 5. Validate

Assess the effectiveness, usability, and overall appeal of your prototypes through rigorous testing with real or representative users. This stage is critical for identifying strengths and weaknesses, highlighting what resonates with users and what needs further improvement. Insights gleaned from testing drive iterative refinements, enabling you to refine the solution to meet both user needs and business goals.

Typical Methods:

Usability Testing (remote or in-person), A/B Testing, User Interviews & Surveys with Prototypes, Iterative Feedback Loops.

🚀 6. Implement

Translate the refined solution into a fully functional product or service that can be deployed in the market or organisation. This involves close collaboration with development teams, quality assurance, and other stakeholders to ensure a seamless handover from design to delivery. The solution is then launched, monitored, and continuously optimised based on real-world performance and user feedback.

Typical Methods:

Development Handoffs (Design Systems, Style Guides, Specifications), Collaborative Iteration with Engineering & QA, Launch Planning & Ongoing Optimisation.

FAQs

How long does it take?
Each project is different, based on your needs, complexity and budget. The approach and cadence of work is defined by these alongside any other project or timeline considerations. Framer and generic design work for landing pages or smaller sites typically can take 2-5 days.

What's included

📚 Discovery & Strategy
During this initial phase, I seek to clarify project goals, user needs, and business objectives by conducting stakeholder interviews and evaluating existing site structures. I provide a succinct project brief outlining objectives, a visual sitemap, and clear success metrics to guide the rest of the design process.
✏️ Prototyping & Visual Design
Next, I develop wireframes and high-fidelity mock-ups in Figma and/or Framer, rapidly iterating on layout, interactions, and aesthetics based on real user feedback. I deliver Figma layouts and interactive Framer prototypes that demonstrate core site flows, convey the overall brand aesthetic, and refine the user interface for final development.
🚀 Implementation & Delivery
Finally, I implement the approved Framer designs, ensuring the site’s performance, responsiveness, and a seamless launch experience. I hand off a fully deployed website that aligns with the Framer design specifications, backed by a launch plan and ongoing optimisation recommendations. With non-Framer designs the Figma file can be handed over for development with external or internal teams.

Example projects

Derwent London: Network One

Meta: Creators of Tomorrow

WWF: A Life On Our Planet

Recommendations

(5.0)

Mark Dunbavan • Stack Studio Ltd

Client • Jan 17, 2025

Recommended

So me and Richard were in the same agency for 2 years, Midnight Agency. We worked on various projects together and Richard was the lead UI architect on all of them. He is thorough and questions things to get to the bottom of the problem that is being solved. We worked on 2 large projects that involved deep UI and Richard was a huge influence on the direction of how the project was built and the tools we used to build it.

Ben Coleman • WWF-UK

Client • Jan 3, 2025

Recommended

An expert in UI and UX design, Richard is my go to digital designer. Richard worked with WWF-UK to create the design and development of the mobile-first website for Sir David Attenborough's Netflix documentary film 'A Life On Our Planet'. Richard possesses an outstanding ability to understand user needs and translate them into intuitive, seamless designs. What sets Rich apart is his collaborative mindset and ability to communicate complex ideas effectively. I would highly recommend!

Eileen C • Poly Studios

Client • Dec 11, 2024

Recommended

Richard is a great designer, understood our complicated style requirements and delivered earlier than expected!

Recommended

Eileen at Poly Studios hired Richard and recommends working with them

Client • Dec 23, 2024

Simon Rupniak • Lima Delta

Client • Sep 24, 2024

Recommended

I've worked with Richard at several creative agencies over the years including Lima Delta. Over that time we've worked together on a wide variety of projects from pitches and proposals through to the gritty phases of production and implementation. He has always set himself apart as a source of valuable knowledge and advice as well as being an amazing creative talent. I've always trusted him to do high quality creative work and continue to do so!

Lisa Zibamanzar

Client • Sep 19, 2024

Recommended

It's always a huge pleasure working with Rich. Whenever we do have the opportunity to collaborate, I always come away feeling inspired by his creativity and knowledge. If I'm looking for fresh ideas and insight on a project I'm working on, Rich is always the first person I reach out to! He always approaches projects with such professionalism, attention to detail, and incredible creative flair. On top of his excellent skillset, he's driven by great values, and is an awesome human.

Stephanie Ireland • Midnight Agency

Client • Oct 6, 2023

Recommended

I worked with Richard to design and build a standalone editorial platform for Meta to promote content creators across Europe, the Middle East, Africa, and the Asia-Pacific region. With his UX insights, Richard skilfully crafted an interface that beautifully showcased the content of 200 diverse creators from Instagram and Facebook across 23 markets. His ability to embrace challenges, adapt to different languages and requirements, and collaborate seamlessly with the team made a lasting impression.

Skills and tools

Web Designer

Product Designer

UI Designer