Building a Professional Digital Presence for Saudi Arabia's Premier Contracting Company

Majd & Ezz Gulf Contracting Ltd. is one of Saudi Arabia's most established contracting companies, operating since 2005 from Riyadh with a Commercial Registration of #1010951171. With over 21 years in the KSA market, the company delivers end-to-end construction, MEP engineering, HVAC, fire safety, glass facades, tiles and marble work, and luxury commercial fit-out for retail brands, hospitality chains, and commercial developers across the Kingdom.

Their services span 12 distinct disciplines — from civil construction governed by the Saudi Building Code (SBC) to interior fit-out for globally recognised retail and F&B brands. Operating under a single-source turnkey model, they manage every element of a project from design coordination through to handover, with certifications covering SBC compliance, Civil Defense (Salamah Code), and SASO standards.

Despite a strong offline reputation built on 21+ years of project delivery, the company had no digital presence that could reflect the scale, credibility, and scope of their operations. The brief was clear: build a professional, SEO-optimised website from the ground up — designed in Figma, developed in Next.js and React.

We began with an in-depth discovery phase — reviewing the company's corporate profile, certifications, brand colours, and project photography — to establish a visual language that matched the gravitas of a 21-year-old contracting company. The design challenge was balancing institutional authority with digital modernity.

In Figma, we established a design system built around a deep navy primary colour (#0B192C) and a warm amber/orange accent (#C74C24), evoking the colours associated with Saudi construction, premium infrastructure, and professional excellence. Typography was set using a combination of a geometric display typeface for headings and a highly readable sans-serif for body content.

We mapped out 12+ distinct page templates in Figma: a hero-driven homepage, an About section with timeline storytelling, individual service pages for each of the 12 disciplines, a projects/portfolio section, a compliance and certifications page, a contact page with WhatsApp CTA integration. Each page was wireframed, prototyped, and reviewed against real user journeys — including procurement directors evaluating contractors, brand managers planning fit-outs, and engineers verifying compliance.

The design used a sticky top navigation bar, a utility banner with direct phone, WhatsApp, and email contacts, and a sticky CTA button persistent throughout the scroll. Partner brand logos were displayed in a continuous marquee — a deliberate trust-building signal immediately visible to new visitors. Every component was built as a reusable Figma component with variant states for hover, active, and mobile responsive breakpoints.

The website was built using Next.js 14+ with the App Router, deployed on Cloudflare Workers via OpenNext for edge-optimised global delivery — essential for Saudi Arabia's audience where fast load times directly affect bounce rates. TypeScript was used throughout for type safety and maintainability.

The locale-based routing was implemented using Next.js middleware, without a third-party i18n library to maintain full control over performance and output.

React components were structured around a strict design system — all colour tokens, spacing units, font sizes, and border radii were defined as CSS custom properties and utility classes aligned with the Figma design system. The partner marquee was implemented as a pure CSS infinite scroll animation for zero JavaScript overhead. A counter section used a client-side Intersection Observer to trigger animated number counting on scroll.

All 12 service pages were built with dynamic routing (`[slug]`), with each service having its own SEO metadata, structured data, and optimised content. The projects section used a filterable grid. A corporate PDF download was integrated. WhatsApp deep links were implemented with UTM parameters for lead source tracking. Lucide React was used for all iconography for consistency and minimal bundle impact.

The SEO strategy was built from the ground up with Saudi Arabia's contracting and fit-out search landscape in mind. Primary target keywords included 'Saudi contracting company', 'commercial fit-out Riyadh', 'MEP contractor Saudi Arabia', 'professional business decoration KSA', and 'civil construction company Riyadh' — all terms with strong commercial intent from procurement and project teams.

Every page was given a unique, keyword-rich `<title>`, a compelling meta description, canonical tags, and OpenGraph data for link sharing. A structured data strategy implemented `Organization`, `LocalBusiness`, `Service`, and `BreadcrumbList` schema types to give Google clear signals about the entity, its location, and its offering. An XML sitemap was auto-generated at build time, and a `robots.txt` was configured to ensure full crawlability.

Page performance was treated as an SEO variable — all images were served as WebP format with explicit `width` and `height` attributes, Next.js Image optimisation was used for above-the-fold assets with `priority` preloading, and below-the-fold images used lazy loading. The result was a Lighthouse performance score optimised for Core Web Vitals (LCP, CLS, INP) — critical ranking factors, especially in mobile-first indexing environments.

Internal linking was carefully designed with a flat architecture to ensure every key service page was reachable within two clicks from the homepage.

The website launched with a complete digital presence where previously none existed — giving Majd & Ezz Gulf Contracting its first professional, SEO-ready online platform aligned with the scale of their 21-year market position.

From day one, the site was fully indexed across all key service and location pages, with structured data correctly parsed and rich results eligible in Google Search Console. The WhatsApp integration and prominent CTA placement streamlined inbound inquiry generation. The partner brand marquee and certifications page communicated trust signals previously only visible in offline corporate presentations.