Goulds Roofing

Preparing the quote path

UI/UX Design Case Study

Goulds Roofing

AlnairTech designed Goulds Roofing’s website experience — services, specialist pages, projects, contact, and FAQ — so visitors can pick a roofing path and request an estimate with confidence.

  • Figma
  • UI/UX
  • Web Design
  • Lead Gen UX
About Us page
Roofing Services page

01 — Overview

High-trust roofing UX designed to win free estimates

AlnairTech designed Goulds Roofing’s website experience — services, specialist pages, projects, contact, and FAQ — so visitors can pick a roofing path and request an estimate with confidence.

Client
Goulds Roofing
Project Type
UI/UX & Visual Design
Timeline
7 Weeks
Our Role
UI/UX Design & Conversion Design

02 — Challenge

Make technical roofing feel understandable and urgent

People arrive stressed. The UI needed strong contrast, clear service choices, and estimate CTAs that feel helpful rather than salesy.

  • Organise complex roofing offers into readable paths
  • Pair proof with the ask at the right moment
  • Keep estimate actions persistent and calm
  • Design mobile layouts for quick decision-making

03 — Solution

Dark, high-trust service patterns with quote-first UX

We designed service hierarchies, proof modules, and estimate moments that guide homeowners and commercial clients from uncertainty to action.

  1. Increase estimate intent through clearer UX
  2. Help visitors self-select the right roofing path
  3. Improve mobile comprehension of technical services
  4. Give Goulds a distinctive, serious visual identity

04 — Design Showcase

Homepage design

Scroll the homepage, then explore service screens built around the estimate ask.

Goulds Roofing Ltd homepage design

05 — Spotlight

Service journeys that feel decisive

Flat, liquid, industrial, and roofline paths designed for clarity.

About Us

Company story and roofing credentials.

About Us — Part 1 of 3
Part 1 of 3

Roofing Services

Goulds Roofing Ltd

Choose a path, then ask with confidence

Service layouts organise flat, liquid, industrial, and roofline work so visitors can decide and request an estimate without friction.

  1. Path clarity

    Each offer has a clean visual entry.

  2. Proof rhythm

    Credentials sit near the decision point.

  3. Estimate UX

    The ask stays visible without shouting.

Roofing Services — Part 1 of 5
Part 1 of 5
Goal
Help residential and commercial clients choose the right roofing service.
Interaction
Compare services, review proof, and request an estimate.
Outcome
Higher-intent quote requests with less confusion.

Core roofing

Residential flat work to industrial capability

Flat & Felt Roofing

Flat and felt roofing service detail.

Flat & Felt Roofing — Part 1 of 4
Part 1 of 4

Industrial Roofing

Industrial roofing capability page.

Industrial Roofing — Part 1 of 4
Part 1 of 4

Specialist finishes

Roofline detail and liquid systems side by side

Fascias, Soffits & Guttering

Roofline and guttering services.

Fascias, Soffits & Guttering — Part 1 of 4
Part 1 of 4

Liquid Roof Covering

Liquid roof covering service detail.

Liquid Roof Covering — Part 1 of 4
Part 1 of 4

Proof to quote

Show the work, then capture the enquiry

Recent Projects

Recent projects and visual proof.

Recent Projects — Part 1 of 3
Part 1 of 3

Contact Us

Quote and contact conversion page.

Contact Us — Part 1 of 2
Part 1 of 2

07 — Testimonial

The design looks serious and professional — clients understand our services and reach out more confidently.

— Client Feedback