Clarisphere Commercial Services — case study

Clarisphere commercial cleaning website shown in desktop and mobile layouts

At a glance

Type: Website (desktop + mobile)
Role: Website design
Tools: Figma
Tags: Cleaning servicesWebsite Design
Deliverables: Desktop website designMobile layoutsQuote and contact flow
Services used: Business websites

Overview

Commercial cleaning is bought on trust. Facility managers compare providers on certifications, coverage, reliability and proof, then want a fast way to ask for a quote. This website organises a large amount of credibility content into one scrolling story, with a clear route to a quote at every stage.

The design pairs a deep navy and yellow palette with large service imagery and rounded, friendly components, so a serious service feels approachable.

Key decisions

Key design decisions

Trust

Credibility above the fold

The hero pairs the promise with review ratings, a certification badge and a four-stat band, so credibility arrives before the first scroll. A phone number and a quote button sit in the header.

Structure

Services as cards, industries as tabs

Six core services appear as image cards. Industries use a tabbed list beside a large photograph, so a buyer can jump straight to the sector that matches their facility.

Proof

Objections answered in order

Sustainability, training standards and a coverage map each answer a question a cautious buyer asks next, followed by testimonials and a ten-question FAQ.

Conversion

A quote form that asks for the minimum

The closing section combines a short estimate form, a prominent phone number and contact details, so a buyer can choose how to reach out.

Sections

Selected sections

Clarisphere core services shown as six image cards — Core services, as image cards.

Clarisphere industries section with a tabbed list beside a photograph — Industries, as a tabbed list.

Clarisphere coverage section with a map of states served — Coverage, with a map and state badges.

Clarisphere closing section with a short estimate form, phone number and map — Quote form, phone number and map.

Clarisphere website hero in desktop layout — The full page in desktop and mobile layouts. Open fullscreen to scroll the whole design.

What shipped

A complete homepage designHero, services, industries, sustainability, training, coverage, testimonials, FAQ, quote form and footer.
Desktop and mobile layoutsThe full page in both, ready for build.