[ UI/UX Design ]

Website design that looks as good as your work

A complete visual design for your website — homepage, service pages, blog and contact — responsive on every screen and built from components your developers can reuse.

  • 3–6weeks for a full site
  • 3breakpoints per page
  • 100%Figma files yours
  • Figma
  • Tailwind CSS
[ What you get ]

What is included

Website visual systems, responsive sections, components, and screens ready for development.

  1. 01

    Visual direction

    Two style options with type, colour and imagery before full design.

  2. 02

    Key page designs

    Homepage, service, about, blog and contact pages in final quality.

  3. 03

    Responsive layouts

    Desktop, tablet and mobile versions of every template.

  4. 04

    Reusable sections

    Hero, features, pricing, testimonials and CTA blocks for future pages.

  5. 05

    Interaction states

    Hover, focus, active and error states for buttons, links and forms.

  6. 06

    Developer handoff

    Spacing, sizes and assets ready to inspect and export in Figma.

  • Your site looks outdated

    The business has grown, but the website still looks like the early days.

  • Pages look inconsistent

    Every page was built differently and the brand feels scattered.

  • Mobile feels like an afterthought

    Most visitors are on phones, yet the layout was designed for desktop.

  • You are rebuilding anyway

    A new CMS or platform is the right moment to fix the design too.

[ Process ]

How the work moves forward

Five clear stages with a result at the end of each. You see progress every week and approve each step before the next one starts.

  1. 01 · Discover

    Understand users and goals

    Interviews, analytics and a look at your competitors to agree what each page must achieve.

    1 week
  2. 02 · Structure

    Map flows and wireframes

    Page structure, content order and user paths before any colours or styling.

    1–2 weeks
  3. 03 · Design

    Design the interface

    Visual style, responsive screens and components built on a consistent grid.

    1–3 weeks
  4. 04 · Validate

    Test with a prototype

    A clickable prototype reviewed with your team and a few real users.

    1 week
  5. 05 · Handoff

    Hand off and support the build

    Annotated Figma files, specs and answers for developers during implementation.

    Ongoing
[ Scope ]

Three ways to start

Typical scopes for this direction. The exact estimate comes after a short brief — usually within two business days.

  1. Option 01

    Audit

    A focused review of your current site or app with prioritised fixes.

    • Heuristic review
    • Annotated screenshots
    • Prioritised fix list
    1–2 weeks Get an estimate
  2. Option 03

    Product design

    Full website or product interface with a reusable component library.

    • User flows and prototype
    • Component library
    • Design system guide
    1–3 months Get an estimate
[ FAQ ]

Questions before we start

Short answers to what clients ask us most often.

Ask your question All questions and answers
Do you need our brand guidelines?

They help, but are not required. We can work from your logo and refine colours and type as part of the project.

Can you design for WordPress or Webflow?

Yes. We design with the platform in mind so sections can be edited later without a developer.

How many pages do you design?

Usually 5–8 unique templates. Other pages reuse the same sections.

Do you write the content?

We write headings and microcopy, and can add full copywriting or work with text you provide.

Do you also build what you design?

Yes. Our developers build the screens in WordPress, Laravel, React or mobile apps — or we hand off clean files to your own team.

Which tools do you use?

Figma for design and prototypes, with components and styles that map directly to Tailwind CSS or your existing code.

[ Next step ]

Tell us about your project

Answer a few questions about your business — we will come back with a plan, timeline and estimate within two business days.