A responsive web and mobile design direction for one of Abu Dhabi's oil & gas exploration and production companies.
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.
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.
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.
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.
"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."
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.
Let's turn your idea into a digital product people love.
Tools we work with
Whether you have a defined project or an ongoing need — we have a model that fits.
Perfect for defined projects — a new website, app redesign, or design system build. Fixed scope, clear timeline, no surprises.
A monthly design partner for teams with ongoing needs. Flexible capacity, no hiring overhead, pause or cancel anytime.
No pitch, no pressure. Just a focused conversation about your design challenges and how we can help.