Precision Consulting Engineering (PCE): A Corporate Website Custom Web Development

Project Overview

Precision Consulting Engineering (PCE) الدقة للاستشارات الهندسية is a leading engineering consultancy with 30+ years of experience in infrastructure, construction management, and project supervision across the Middle East. As the flagship subsidiary of the Precision Holding group, PCE needed a digital presence that matched its scale and a way to keep it current without engineering help.

HBS delivered a complete custom website plus an enterprise headless CMS: a fast, database-driven public site at pce-consultants.com, and a secure admin dashboard with granular role-based access that lets the PCE team manage every project, service, job post, and page from one place.

Business Goals

• Present PCE as a credible, large-scale engineering authority with a portfolio that proves it.

• Make the company's projects, services, and sectors easy to browse, filter, and trust.

• Run recruitment end-to-end job listings and applicant tracking from the same system.

• Let non-technical staff manage all content safely, with the right permissions per role.

• Ship a fast, SEO-strong site that scales as the firm grows.

The Challenge

An engineering consultancy of this size has a lot to organize: hundreds of projects across countries, sectors, and service lines; a multi-tier leadership team; awards; branches; careers; and a steady stream of news. The brief was to turn all of that into a clean, filterable public experience while giving the internal team a safe, structured tool to run it without everyone holding full admin keys.

Key Features & Deliverables

1) Public Marketing Website

A server-rendered Next.js site with a rich homepage (hero slider, who-we-are, clients, expertise, core services, featured projects, branches, statistics, and the holding-group link) and full inner sections: About, Services, Projects, Careers, Blog, News, and Contact each with detail pages.

2) Filterable Project Portfolio

The centerpiece: a portfolio system where visitors filter projects by country, category, sector, and service. Each project has its own page with a gallery, key statistics, content sections, and the team behind it.

3) Enterprise Headless CMS (Admin Dashboard)

A dedicated admin app, on the same database, that manages everything on the site:

• Portfolio: projects with statistics, sections, galleries, team, categories, and scopes.

• Taxonomies: sectors, categories, scopes, countries, and services.

• Company: clients, awards & certifications, leadership, expertise, branches, group data, and statistics.

• Content & comms: blogs, news, CMS pages, the hero slider, newsletter, and contact submissions.

It ships with a rich-text editor, image management, and one-click PDF / Excel exports.

4) Role-Based Access Control (RBAC)

A five-tier permission system Super Admin, Admin, Editor, HR, and Read-Only with 60+ granular permissions and route-level gates. Editors manage content, HR runs recruitment, and only Super Admins touch security so the team works safely without over-granting access.

5) Careers & Applicant Tracking

A built-in careers module: published job listings on the site, with applications captured and tracked in the dashboard under the dedicated HR role.

6) Phased Launch

A polished "coming soon" holding page bridged the brand during build and migration before the full site went live.

Technology Stack

• Frontend: Next.js 16 + React 19 + TypeScript, Tailwind CSS, and Framer Motion

• Admin: Next.js + Radix UI, the Tiptap rich-text editor, React Hook Form + Zod, and Recharts

• Backend & Data: Supabase (PostgreSQL, authentication, and row-level security)

• Media: Bunny CDN for image storage and edge delivery

• Performance: server rendering with incremental caching and revalidation

Project Impact & Outcomes

• A flagship engineering website at pce-consultants.com that reflects PCE's scale and 30-year track record.

• A filterable portfolio that turns a large body of work into an easy, credible browsing experience.

• A self-serve CMS with enterprise RBAC content, careers, and company data managed in-house, safely, by role.

• A scalable foundation (with an i18n-ready schema) ready to grow with the firm and the wider Precision Holding group.