Loading the design system

UI/UX Design Case Study

BS Joinery Solutions

AlnairTech designed the BS Joinery Solutions digital experience — loft, extension, kitchen, and joinery journeys with gallery proof and quote-led UX that feels as crafted as the work on site.

  • Figma
  • UI/UX
  • Web Design
  • Design System
  • Conversion UX
BS Joinery Solutions About Us page design
BS Joinery Solutions loft conversion page design

01 — Overview

A premium construction brand experience designed to earn trust and quotes

AlnairTech designed the BS Joinery Solutions digital experience — loft, extension, kitchen, and joinery journeys with gallery proof and quote-led UX that feels as crafted as the work on site.

Client
BS Joinery Solutions Ltd
Project Type
9-Page UI/UX & Visual Design
Timeline
10 Weeks
Our Role
UI/UX Design & Brand Experience

02 — Challenge

Design a presence that matches on-site craftsmanship

Homeowners judge quality in seconds. The experience needed premium visual hierarchy, clear service paths, and quote actions that feel natural — never pushy.

  • Express loft, extension, and joinery expertise at a glance
  • Use photography and layout to prove craft before the ask
  • Keep Get Quote moments prominent without clutter
  • Design mobile-first for UK homeowner behaviour

03 — Solution

A dark, yellow-accented design system built for trust

We designed a high-contrast visual language, service page patterns, gallery rhythms, and quote CTAs that guide homeowners from curiosity to enquiry with confidence.

  1. Make craftsmanship feel tangible online
  2. Simplify service discovery on small screens
  3. Strengthen trust through gallery and about narratives
  4. Give the brand a distinctive, repeatable UI system

04 — Design Showcase

Homepage design

Scroll the complete supplied homepage, then explore every supporting page in a consistent browser preview.

Complete BS Joinery Solutions homepage UI design

05 — Spotlight

Screens that shape the journey

Service storytelling, craft proof, testimonials, and quote moments designed as one connected system.

About Us

BS Joinery Solutions

A company story built around craftsmanship

The About experience balances the company story, working values, process, and a clear enquiry step so the full journey stays focused and easy to follow.

  1. Story and values

    Company history and principles build confidence before the service decision.

  2. Process clarity

    Four clear project stages explain how the team works.

  3. Natural next step

    The final call to action connects the story directly to an enquiry.

About Us — Part 1 of 3
Part 1 of 3

Loft Conversion

Loft Conversion

A service journey that answers before it asks

The page moves from service scope and conversion types into benefits, common questions, and a focused enquiry form.

  1. Clear service scope

    Conversion options and their differences stay easy to compare.

  2. Decision support

    Benefits and FAQs remove uncertainty before the quote request.

  3. Complete conversion path

    The contact form and project details remain visible in the final panel.

Loft Conversion — Part 1 of 5
Part 1 of 5

Service journeys

From structural extensions to finished interiors

Home Extensions

Extension types, benefits, FAQs, and enquiry path in one complete flow.

Home Extensions — Part 1 of 5
Part 1 of 5

Kitchens & Bathrooms

Kitchen and bathroom transformation journey with a complete contact path.

Kitchens & Bathrooms — Part 1 of 4
Part 1 of 4

Craft and proof

Bespoke carpentry backed by real project work

Bespoke Joinery & Carpentry

Custom carpentry services, benefits, FAQs, and enquiry journey.

Bespoke Joinery & Carpentry — Part 1 of 5
Part 1 of 5

07 — Testimonial

The design finally feels like us — sharp, premium, and easy for homeowners to understand.

— Client Feedback