Mubadala
Petroleum

A responsive web and mobile design direction for one of Abu Dhabi's oil & gas exploration and production companies.

Client
Mubadala Petroleum LLC
Sector
Oil & Gas Exploration & Production
Services delivered
Responsive Web Design Mobile Design Digital Design

Mubadala Petroleum needed a digital design direction that reflected the scale and ambition of its oil & gas exploration and production work — presented through a clean, modern experience that worked seamlessly across web and mobile.

The challenge

Mubadala Petroleum operates across the full upstream cycle — exploration, appraisal, development, and production. Communicating that breadth of complex, technical operations to investors, partners, and talent demanded a digital presence that was both authoritative and genuinely easy to navigate.

Energy-sector sites often default to dense, corporate layouts. The opportunity was to present the business with clarity and confidence — and to make that experience work just as well on mobile as on desktop.

Our approach

We developed a set of pitch visuals and a responsive design direction — structuring the experience around Mubadala Petroleum's core activities and building a visual language that felt modern, credible, and unmistakably energy-sector.

Layouts were designed mobile-first, with a clear information architecture so that operations, projects, and corporate content remained easy to find on any device.

A responsive web and mobile design concept that gave Mubadala Petroleum a clean, confident digital presence — clear across every screen size.

The design direction introduced a structured, modern layout system organised around the company's upstream activities — exploration, appraisal, development, and production — so complex operations could be understood at a glance. A restrained palette and clear typographic hierarchy kept the experience authoritative without feeling corporate or cluttered.

Built mobile-first, the responsive layouts adapted fluidly from desktop to handset, ensuring investors, partners, and prospective talent could access the same polished experience wherever they were.

Outcomes

35%↓
Process efficiency
Contributed to reducing average time to complete HR and compliance tasks by 35% through digitised workflow refinements.
25%↑
Adoption & usage
Contributed to a 25% increase in active use of self-service HR tools following improvements to existing workflows.
28%↓
Support savings
Contributed to cutting HR service desk requests by 28%, freeing up resources for higher-value tasks.
20%↑
Compliance adherence
Contributed to a 20% increase in on-time completion of mandatory training and compliance checks.
4.2/5↑
Employee satisfaction
Contributed to achieving a 4.2/5 satisfaction score for ease of access and usability in internal surveys.
15%↓
Risk reduction
Contributed to lowering compliance breach incidents by 15% through better visibility and task reminders.

Projects shown include live work, pitch deliverables, and design produced as part of embedded or collaborative engagements. Some work was completed as part of a wider team. Deliverables reflect the scope and direction at the time of engagement — the live experience may have since changed, launched in a different form, or not proceeded to production. All brand assets and trademarks shown remain the property of their respective owners and are displayed here for portfolio reference only.

Cyber Security Scorecard — Design work
1 / 9
Cyber Security Scorecard slide 1
Cyber Security Scorecard slide 2
Cyber Security Scorecard slide 3
Cyber Security Scorecard slide 4
Cyber Security Scorecard slide 5
Cyber Security Scorecard slide 6
Cyber Security Scorecard slide 7
Cyber Security Scorecard slide 8
Cyber Security Scorecard slide 9
The HUB — Internal Intranet design work
1 / 53
The HUB Intranet slide 1
The HUB Intranet slide 2
The HUB Intranet slide 3
The HUB Intranet slide 4
The HUB Intranet slide 5
The HUB Intranet slide 6
The HUB Intranet slide 7
The HUB Intranet slide 8
The HUB Intranet slide 9
The HUB Intranet slide 10
The HUB Intranet slide 11
The HUB Intranet slide 12
The HUB Intranet slide 13
The HUB Intranet slide 14
The HUB Intranet slide 15
The HUB Intranet slide 16
The HUB Intranet slide 17
The HUB Intranet slide 18
The HUB Intranet slide 19
The HUB Intranet slide 20
The HUB Intranet slide 21
The HUB Intranet slide 22
The HUB Intranet slide 23
The HUB Intranet slide 24
The HUB Intranet slide 25
The HUB Intranet slide 26
The HUB Intranet slide 27
The HUB Intranet slide 28
The HUB Intranet slide 29
The HUB Intranet slide 30
The HUB Intranet slide 31
The HUB Intranet slide 32
The HUB Intranet slide 33
The HUB Intranet slide 34
The HUB Intranet slide 35
The HUB Intranet slide 36
The HUB Intranet slide 37
The HUB Intranet slide 38
The HUB Intranet slide 39
The HUB Intranet slide 40
The HUB Intranet slide 41
The HUB Intranet slide 42
The HUB Intranet slide 43
The HUB Intranet slide 44
The HUB Intranet slide 45
The HUB Intranet slide 46
The HUB Intranet slide 47
The HUB Intranet slide 48
The HUB Intranet slide 49
The HUB Intranet slide 50
The HUB Intranet slide 51
The HUB Intranet slide 52
The HUB Intranet slide 53
Shell Careers Portal — Design work
1 / 6
Shell Careers Portal slide 1
Shell Careers Portal slide 2
Shell Careers Portal slide 3
Shell Careers Portal slide 4
Shell Careers Portal slide 5
Shell Careers Portal slide 6

Business outcomes

35% ↓
Process Efficiency
Contributed to reducing average time to complete HR and compliance tasks by 35% through digitised workflow refinements.
25% ↑
Adoption & Usage
Contributed to a 25% increase in active use of self-service HR tools following improvements to existing workflows.
28% ↓
Support Savings
Contributed to cutting HR service desk requests by 28%, freeing up resources for higher-value tasks.
20% ↑
Compliance Adherence
Contributed to a 20% increase in on-time completion of mandatory training and compliance checks.
4.2/5 ↑
Employee Satisfaction
Contributed to achieving a 4.2/5 satisfaction score for ease of access and usability in internal surveys.
15% ↓
Risk Reduction
Contributed to lowering compliance breach incidents by 15% through better visibility and task reminders.
"Feedback from Shell highlighted my impact on the employee experience platform, recognising my expertise in UX/UI design, accessibility, and design systems. I was acknowledged for bringing an employee-first mindset, strengthening collaboration across teams, and helping deliver a more seamless, engaging experience for over 90,000 users."
Feedback received following the engagement
More work
See all work

Projects shown include live work, pitch deliverables, and design produced as part of embedded or collaborative engagements. Some work was completed as part of a wider team. Deliverables reflect the scope and direction at the time of engagement — the live experience may have since changed, launched in a different form, or not proceeded to production. All brand assets and trademarks shown remain the property of their respective owners and are displayed here for portfolio reference only.

Previous case study
Ecommerce
BT — SME Broadband
Next case study
Ecommerce
Tesco — Returns & Refunds

Privacy settings

We use cookies to help our site work and to understand how visitors use it. Some are essential for core functionality and security; others — analytics and advertising — are only used with your consent.

E