Themba.
2026
Nelson Nkabine Construction Banner

✦ Corporate Web Platform & CMS

Nelson Nkabine Construction

Check it out

Commercial construction enterprises miss out on lucrative corporate tenders due to unmanaged legacy sites that obscure B-BBEE compliance documents, project histories, and operational credentials behind static, hardcoded layouts[cite: 1].

Next.js 15Payload CMSTypeScriptReactTailwind CSSPostgreSQLNetlify
RolesFull-Stack Developer, CMS Architect, UI/UX Designer
ClientNelson Nkabine Construction CC
Problem Solved & Architecture
Challenge:

Commercial construction enterprises miss out on lucrative corporate tenders due to unmanaged legacy sites that obscure B-BBEE compliance documents, project histories, and operational credentials behind static, hardcoded layouts[cite: 1].

Solution:

Re-engineered a legacy static website into a modern full-stack corporate platform with decoupled Payload CMS architecture. Built dynamic administrative content management workflows enabling non-technical staff to update projects, service offerings, B-BBEE accreditations, and company documentation. Developed custom lead-capture and enquiry workflows aligned with corporate branding to convert traffic into high-value tenders[cite: 1]. Optimized mobile responsiveness, SEO tags, and server-side performance across all viewports.

Corporate Landing Page

hero-landing.png
Corporate Landing Page

High-impact hero section showcasing construction capabilities, key metrics, and direct client call-to-actions[cite: 1].

• Next.js 15• Tailwind CSS• Server Components

Company Profile Dashboard

cms-company-profile.png
Company Profile Dashboard

CMS administrative interface for managing corporate background information, operational history, and branding assets[cite: 1].

• Payload CMS• PostgreSQL• TypeScript

Services Management Portal

cms-services-management.png
Services Management Portal

Content management workflow allowing non-technical administrators to create, update, and reorder civil and construction service offerings[cite: 1].

• Payload CMS• TypeScript• REST / GraphQL

Add Project Entry

cms-add-project.png
Add Project Entry

Form interface for publishing new portfolio projects, uploading high-resolution job site media, and tagging client metadata[cite: 1].

• Payload CMS• PostgreSQL• Media Management

Accreditations & Certification Manager

cms-add-certificate.png
Accreditations & Certification Manager

Dedicated upload and validation workflow for managing B-BBEE certificates, CIDB ratings, and industry compliance documents[cite: 1].

• Payload CMS• Doc Management• TypeScript

Compliance & Document Hub

cms-docs-attachments.png
Compliance & Document Hub

Centralized administrative dashboard for storing, categorizing, and making corporate tender documents downloadable[cite: 1].

• Payload CMS• PostgreSQL• File Storage

Social Links & Contact Channels

cms-socials-management.png
Social Links & Contact Channels

Administrative settings panel to update direct phone numbers, operational email routing, and social media presence in real time[cite: 1].

• Payload CMS• TypeScript

About Section Management

cms-about-management.png
About Section Management

Editor dashboard for updating executive leadership bios, core values, and mission statements displayed across the web platform[cite: 1].

• Payload CMS• Rich Text Editor