Industrial services
From brochure site to a quoting system for industry.
Shades of Blue Lifestyles supplies labour, steel fabrication and building maintenance to mines and factories across Gauteng. The old website described the company. The new one takes the quote request and follows the job through.
The job was bigger than a new look.
A contractor’s website is read by two people: the site manager who needs workers or steel by a date, and the procurement officer who must prove the supplier qualifies. Each has a different question, and each leaves if it is not answered quickly.
The work was to put a quote request within reach of every page, place the procurement proof where it is looked for, and connect what happens after the enquiry to the same system.
A quote on every page
The request form sits in the opening screen and follows the visitor through every service and area page.
Proof for procurement
B-BBEE level, registration and cover are stated up front, with a supplier pack ready to download.
Follow-through after the enquiry
A client can sign in and see where a quote or site inspection stands, without phoning the office.
What the platform does, every day.
Four service lines, sixteen area pages and two very different audiences, handled by one connected site.
Quote requests and a quote basket
A buyer asks for one service or gathers several items into a single request, with the scope, site and date attached.
Site-inspection booking
A visit is booked online and confirmed with a reference and a job card, so the first meeting is already organised.
Blue, the voice assistant
Blue answers questions about services, quotes and B-BBEE aloud, and starts from the page the visitor is on.
A client area
Clients sign in with a code sent by email and follow the progress of each quote and inspection, with notes from the team.
A supplier pack for procurement
The company’s credentials are packaged as one PDF, which is the document a procurement officer has to file.
A separate door for job seekers
People looking for work register a CV on their own page, and those messages reach a separate inbox.
Design the buying decision—not merely the pages.
Orientation
Show at once what is supplied, and where
The opening screen names the three main services, the town and the area served, so the right visitor knows they are in the right place.
Qualification
Answer the procurement question early
Level, ownership, registration and cover are visible before the visitor scrolls, because a buyer who cannot use the supplier will not read on.
Request
Make asking for a quote the easiest thing on the page
A short form with the service, the site and the scope. Larger requests are gathered into one basket.
After the request
Keep the client informed without a phone call
Status changes are recorded by the office and emailed to the client, and the client area shows the same record.
The challenges
Two audiences, four trades and an inbox full of CVs.
Each of these was a real constraint on the project. The answer is what shaped the site.
Job seekers outnumbered buyers
A labour-hire company attracts far more people looking for work than companies looking to buy. In a shared inbox, a real enquiry is easy to miss.
What we didJob seekers have their own page and their own inbox. Quote requests arrive separately, each with a reference number.
The buyer is not the only decision-maker
A site manager may want the supplier, but procurement must approve it. If the credentials are hard to find, the order goes to a supplier already on the list.
What we didProcurement status is in the header of every page, and the supplier pack puts the documents in one download.
Four businesses under one name
Labour hire, steel fabrication, building maintenance and consumables are bought by different people for different reasons. One general page speaks to none of them.
What we didEach service has its own pages, its own quote path and its own thank-you page that names what was asked for.
Moving an established address without losing it
The old site had years of links and search history, and the company’s email ran on the same server.
What we didEvery old address forwards to its new page, and the email was left exactly where it was during the switch.
Six layers working as one business.
The visible website is one layer. Strategy, messaging, experience, technology, communication and stewardship were designed together.
Business strategy
Separate the buyer, the procurement officer and the job seeker, and decide what each should do.
Content & messaging
Plain descriptions of each service, checked against what the company can evidence.
Experience design
A drawing-board look that suits steel and construction, with the quote form always in reach.
Technical platform
Quoting, booking, the client area and the staff admin running on one database.
Customer communication
Reference numbers, confirmation emails and status updates from first request to finished job.
Ongoing improvement
An owner’s overview page shows what the site contains and what remains to be done.
Every section answers a different commercial question.
- What do you supply, and in which areas?
- Do you qualify as a supplier for my company?
- How do I get a price for my scope?
- Can someone come and look at the site?
- Where does my request stand?
Proof of depth—without inventing performance claims.
The site went live in November 2026, so there are no results to report yet. The measure for now is completeness: every route a buyer can take ends in a recorded request.
Launch is the beginning of the evidence—not the end of the work.
- The first months of enquiries will show which services and areas draw real demand.
- Reviews from completed jobs build the proof that new buyers look for.
- The client area can grow into a full record of each customer’s work.
Does your website describe the business—or win the work?
More selected work
Other platforms shaped around a buying decision.
Your commercial problem will need a different answer
Bring the same clarity to your customer journey.
Book a Discovery Call to examine where attention, enquiries or follow-up are leaking—and whether a connected platform is the sensible next step.
- Founder-led
- Monday–Friday
- Automatic timezone conversion
- Google Calendar & Meet ready
Select a date, choose your local time and tell me what would make the conversation valuable.
View available appointments