Concept build · Doha

Qirmiz Contracting company website design for Doha, a concept build

Open the live site Plan a site like this

Qirmiz is a fictional interior fit-out and joinery contractor in Doha, and we gave it a working homepage as a concept build. It is made for the people who hire a fit-out firm in Qatar: companies moving into office floors in West Bay and Lusail, hotel and restaurant operators, mall tenants with an opening date, and families finishing a villa. Qirmiz exists only for this concept, but the slider, the estimator and the process rail all run in the browser.

A concept build: Qirmiz is a fictional brand we created to show how we design and build a contracting company website for Doha. It is not a client and not a real company; our client work is on the work page.

The complete homepage, live

Both frames run the real site. Scroll inside them, try the before and after slider you can drag, tap or move with the arrow keys, or open it in a new tab.

Desktop, 1440 px wide. Scroll inside the frame to move through the live homepage.Tap the picture to open the live site.

Phone, 390 px wide. Live and scrollable.

How we designed a contracting company website for Doha

Maroon, lacquer and stone
The colours are the finishes a fit-out firm puts into a room: deep maroon, lacquer black, limestone and travertine, laid down across whole sections of the page. A high-contrast Bodoni Moda serif carries the headlines and a light Jost sans carries the detail, so the site feels like a well-finished room rather than a brochure.
Show the shell, then the finish
Someone hiring a fit-out contractor wants to see what happens between bare concrete and handover. A drag slider shows the same West Bay office floor as the shell it was received in and the reception it became, with both photographs framed on the same point so the change reads at a glance.
Programme before price
Offices, hotels and mall units in Doha plan around an opening date, so the site leads with weeks. A pinned rail walks through six stages from first survey to handover with a week marker on each, and the estimator gives an indicative programme next to a price band in Qatari riyals, clearly labelled as a guide and not a quote.
A workshop worth showing
A fit-out firm that makes its own joinery controls its finish and its dates, so the workshop gets a section of its own: veneers conditioned before pressing, every panel numbered to its drawing and a finishing booth with controlled humidity. Quality reads the same way, as habits such as a full-size mock-up of each repeated detail and a written site report every Thursday.

What the homepage includes

Hero
Services
Work: before and after
Process
Materials and finishes
Timelines and pricing
Safety and quality
The workshop
Careers
Call to action
Contact and map
Footer

Features and interactions

Before and after slider you can drag, tap or move with the arrow keys
Pinned horizontal process rail on desktop, with six stages, a week marker on each and a progress bar that fills as you scroll
Seven material swatches, each showing where the finish is used, why it is chosen and how it is cared for in the Doha climate
Fit-out estimator: pick a project type and floor area to get an indicative programme in weeks and a price band in Qatari riyals, beside a table of typical sizes and rates
Project enquiry form that asks for floor area, project type, location and handover month
Inline application forms that open under each of four job openings
Mobile menu that keeps keyboard focus inside and closes with Escape, and motion that switches off for visitors who ask for reduced motion

The whole page, top to bottom

Desktop at 1440 px, the full homepage. Scroll the picture, or open the full screenshot.

Phone at 390 px, the full homepage. Open the full screenshot.

Palette and type

Qirmiz maroon #5B1621
Lacquer black #120E0D
Champagne #D8C3A0
Limestone #F4EEE4
Travertine #E6DACA

Type: Bodoni Moda, Jost, Amiri.

Languages: English.

How it is built

Hand-built HTML, CSS and JavaScript, no framework
GSAP 3.15.0 with ScrollTrigger and SplitText
Lenis 1.3.26 smooth scrolling
Photographs generated with Higgsfield (Nano Banana Pro), served as WebP, with AVIF for the hero
Inline SVG for the mark and a stylised map of Doha Bay
About 920 KB on desktop and 465 KB on a phone, measured on our machine on 27 Oct 2026

Need a contracting company website like this?

We design and build sites like this one for real businesses, with your brand, your photographs, your prices and the forms wired to your team. See what goes into construction company websites, our web development service, our website prices and how we work with businesses in Qatar, or browse every concept build.

Questions

How should a fit-out company in Doha show its finished work?

Give each project its type, floor area, scope and the finishes used, and where you can, a before and after view taken from the same spot, so the change from bare shell to handover is plain. Group the work by offices, hospitality, retail and villas so each buyer finds their own kind of room quickly. A few close photographs of joinery, stone and metalwork say more about the finish than another wide shot.

What should a fit-out enquiry form ask?

Whatever makes the first call useful: project type, floor area, location, the target handover month and what the client already has, whether that is a bare shell, a set of drawings or only a date. Put one clear action, such as booking a site visit, in the header and again at the end of the page. Say who will reply, so the client knows a project lead and not a sales inbox is on the other end.

How much of the fit-out process should a contractor's website explain?

Enough for a client to plan around it. Name each stage from survey and brief to snagging and handover, say what the client approves or supplies at each one, such as samples or landlord submissions, and explain the checks that protect the finish, like hold points before a ceiling is closed. Laid out this way, the process answers most first-call questions before the call.