Madani Sdn. Bhd.

A professional corporate website designed to present Madani's engineering and energy capabilities with a stronger digital presence.

Open live demo

An independent concept by ajak.Web, presented as a design exploration rather than commissioned client work.

Madani Sdn. Bhd. corporate website homepage with the headline 'Powering Malaysia & Brunei's Energy Future' over refinery photography — 01 / Website overviewMadani Sdn. Bhd.

The briefDesign with a purpose

Industry: Corporate
Project type: Independent concept
Services: Web design · UI/UX · Development
Built with: HTML, CSS & JavaScript

The challenge

Create a professional digital presence that clearly communicates Madani's engineering and energy capabilities, and presents the business with a credible corporate identity to clients, partners and candidates.

The design direction

The homepage pairs a photo of refinery infrastructure with a confident headline and two direct paths — Explore Our Services or Talk to Us — for visitors who arrive already knowing what they need. A near-navy backdrop with a single emerald accent runs consistently through the logo mark, buttons and category badges, reading as safe, technical and credible. Deeper pages extend the same structure so services, projects and industries stay easy to scan on any device.

In the detailsWhat the website does

01Corporate Visual System — a navy backdrop with a single emerald accent used consistently across the logo, buttons and badges
02Structured Service Presentation — engineering, procurement, construction and fabrication laid out with icons and short descriptions
03Filterable Project Case Cards tagged by category, location and year
04Clear Contact Journey — a fixed "Get in Touch" CTA and a dedicated enquiry form with office details
05Responsive Website — full navigation, careers listings and case studies laid out cleanly across desktop and mobile

Madani Sdn. Bhd. projects page with filterable case study cards for Oil & Gas, Marine and Industrial work — 02 / ProjectsOpen full size ↗

Madani Sdn. Bhd. services page listing engineering, procurement, construction and fabrication — 03 / ServicesOpen full size ↗

Madani Sdn. Bhd. about page describing the company's history and regional presence across Malaysia and Brunei — 04 / AboutOpen full size ↗

Madani Sdn. Bhd. industries page showcasing Oil & Gas, Marine and Petrochemical sectors — 05 / IndustriesOpen full size ↗

Madani Sdn. Bhd. careers page listing open positions with location and employment type — 06 / CareersOpen full size ↗

Madani Sdn. Bhd. contact page with office details for Malaysia and Brunei and an enquiry form — 07 / ContactOpen full size ↗

The intentionA practical next step

A clearer view of engineering capabilities.

This concept demonstrates a design approach. It does not claim measured business results or a client endorsement.

Explore the working concept