Case study · Web
A contracting company website in Khobar,built to be read by procurement
Dorar Tammam Contracting is a general contractor working out of Khobar, in a market where a government entity, a developer or an enterprise client will look a contractor up long before anyone picks up a phone. The brief was not a prettier site. It was a corporate site at dtc.sa that answers the questions that check gets used to answer — what this company builds, where it has built it, and whether it looks like an organisation you can hand a package of works to.
The brief
What a contracting company website in Khobar actually has to do
In Saudi construction the site is rarely the first impression. It is the second one — the one that happens after your name comes up and before anyone commits to a meeting.
Be findable, then be checkable
Decision-makers assess contractors digitally before they engage. That makes the site a due-diligence surface rather than a brochure: it has to load, it has to be legible, and it has to answer the obvious questions without a download.
- Found by name and by service
- Legible in one pass
- Nothing behind a form
Say what the company builds, in the client's terms
Contracting covers a wide spread of work, and a visitor is usually looking for one specific part of it. Services are categorised so someone scanning for their discipline finds it, rather than reading a paragraph that mentions everything and commits to nothing.
- Clear service categorisation
- One discipline per route in
- Capability before adjectives
Survive being opened on a phone
Saudi Arabia's audience is mobile-dominant, and that includes project stakeholders reading between site visits. A layout that only works on a desktop fails at exactly the moment it is being used.
- Mobile-first layout
- Touch-sized navigation
- Fast on a mobile network
Carry the brand without decorating it
Credibility in this sector comes from restraint. Consistent branding, professional typography and real hierarchy do more for trust than motion does — the site should look like the company, not like a template that happened to be available.
- Consistent across every page
- Professional typography
- Hierarchy over ornament
What we built
Designed and developed for dtc.sa, not assembled from a template
Custom front-end, custom structure, and a codebase the company can keep building on.
Why this contracting company website in Khobar was built custom
A template would have decided the information architecture before anyone had asked what a contracting client looks for. Building the front-end custom meant the structure could follow the business — and it means the site can change later without fighting someone else's assumptions.
- Custom front-end implementation
- Flexible architecture
- Clean, maintainable codebase
A structure a visitor can navigate without being told how
Content is organised so the path from landing to enquiry is short and obvious: what we do, what we have done, who we are, how to reach us. Conversion paths are placed where the reading naturally ends rather than interrupting it.
- Logical navigation flow
- Key information within reach
- Calls to action where they belong
Performance treated as a feature
Images and assets are optimised, the page structure is kept light, and transitions are used sparingly. Speed is not a technical nicety here — it is the difference between a site that gets read on a phone and one that gets closed.
- Optimised images and assets
- Lightweight page structure
- Efficient loading behaviour
Responsive across the range, not just at two breakpoints
The layout is built mobile-first and holds its shape from a phone to a wide desktop, so the experience a stakeholder gets on site is the same one they get back at the office.
- Fully responsive layout
- Consistent at every screen size
- Same content everywhere
What it leaves behind
A digital asset rather than a finished brochure
The part of the brief that only pays off later: the site was built to be extended.
SEO-ready from the first build
Clean URLs, a real heading structure, content laid out to be read and a page that loads quickly — all of it in from the start rather than retrofitted once someone asks why the site is not ranking. Retrofitting SEO onto a finished site costs more and delivers less.
- SEO-friendly URLs
- Proper H1 / H2 / H3 structure
- Mobile-friendly and fast
Ready to connect to a system later
The architecture was left open to integration with an ERP or CRM. That was a forward bet at the time and it is now the actual state of things: the same client runs a custom ERP, described in the next case study.
- Integration-ready architecture
- Flexible content structure
- Room to scale
Room for the pages that do not exist yet
New services, new project records and new sections can be added without a rebuild. A contracting company's story grows by project; a site that cannot absorb that becomes stale on a schedule.
- Easy to add pages and services
- Performance scales with it
- No rebuild to grow
Also for this client:the custom construction ERPthe printed company profileall case studieshow we build websites
How it ran
From brief to live site
Understand the buying check
Who looks this company up, what they are trying to establish, and what would make them stop reading. That shapes the structure before anything is designed.
Design the hierarchy, then the pages
Clean layout, clear visual hierarchy, professional type and consistent branding — decided once and applied across the site rather than negotiated page by page.
Build it custom, mobile-first
A bespoke front-end on a flexible architecture, built from the small screen up and optimised for speed as it went rather than at the end.
Ship it SEO-ready and extensible
Heading structure, URLs and content layout correct at launch, and the architecture left open for the ERP and CRM integration that followed.
FAQ
Frequently asked questions
What does a corporate website for a general contracting company in Saudi Arabia need to do?
It needs to survive a check rather than win a prize. In Saudi construction, government entities, developers and enterprise clients assess a contractor digitally before they engage, so the site has to communicate services clearly, present capability and project history credibly, and be fast and readable on a phone. That was the brief for the DTC corporate site at dtc.sa, and the structure follows from it.
What should a contracting company website include?
Clearly categorised services, the project history that backs them, enough about the company to establish it is a real organisation, and an obvious route to contact. What it should not include is a wall of adjectives: the reader is trying to establish scope and credibility, and anything that delays that answer works against the site.
How do Saudi procurement teams check a contractor online?
Quickly, and usually before anyone speaks to you. They are looking to confirm that the company does the specific discipline they need, that it has done work of a comparable kind, and that it presents itself professionally enough to be worth a meeting. A site that makes those three things hard to find loses the check by default rather than on merit.
Do you do website design for construction companies in the Eastern Province?
Yes — this project is one, for a general contractor based in Khobar. The work itself is not region-specific, but the expectations are: a contractor in Khobar or Dammam is being read by clients in the same market, with the same assumptions about what a serious contracting company's site looks like.
Is a mobile-first website important for contractors in Saudi Arabia?
Yes, and more than most sectors realise. Saudi Arabia has a mobile-dominant audience, and in construction that includes project stakeholders and decision-makers reading between site visits rather than at a desk. This site was built mobile-first: a fully responsive layout, navigation sized for touch, and loading behaviour tuned for a mobile network.
Should a construction company use custom website development or a template?
A template decides your information architecture before you have asked what your clients look for, and it charges you later in the form of things you cannot change. This site was built custom for that reason — a bespoke front-end on a flexible architecture with a clean, maintainable codebase, so the structure follows the business and the business can keep changing it.
What makes a contractor website SEO-ready from the first build?
Clean, SEO-friendly URLs; a real heading structure rather than styled text; content laid out to be read; a mobile-friendly layout; and fast page loads. All five were built in from the start here. None of them are difficult at the beginning, and all of them get expensive once a site is finished and someone asks why it is not ranking.
How should services and projects be structured on a construction website?
By what the visitor came for. Services are categorised so someone scanning for their discipline lands on it directly, and the navigation follows one logical flow from what the company does to what it has done to how to reach it. Conversion paths sit where the reading ends rather than interrupting it.
Can a contractor website connect to an ERP or CRM later?
It can if it was built to. This one was: integration readiness was part of the architecture from the outset, which at the time was a forward bet and is now simply the situation — the same client runs a custom ERP, and that system is the subject of the next case study on this site.
How do you make a construction company website load faster?
Optimise the images and digital assets, keep the page structure light, avoid work the browser does not need to do, and use animation sparingly. That is what was done here. There is no single trick to it — speed comes from a series of small decisions taken while building rather than from an optimisation pass bolted on at the end.