Energy, Oil & Gas
Case Study: UI Design & Integration for Shell
Shell
Client Overview
Shell is a global group of energy and petrochemical companies, employing approximately 103,000 people and operating in more than 70 countries. It serves millions of customers worldwide, offering a wide range of energy solutions
View full client details
Customer Base
Shell serves over 25 million retail customers globally through its extensive network of service stations, as well as millions of commercial customers.
Global Reach
Shell operates in more than 70 countries across Europe, Asia, Oceania, Africa, and the Americas.
Employees
Approximately 103,000 employees worldwide.
Revenue
Shell has made significant strategic acquisitions, including the purchase of BG Group in 2016 for $70 billion, enhancing its capabilities in liquefied natural gas (LNG) and deepwater exploration.
Profit Before Tax
Not publicly disclosed.
Products & Solutions
Shell offers a comprehensive range of energy products and services, including oil and gas exploration, production, refining, distribution, and marketing. It also manufactures and markets chemicals, biofuels, and renewable energy solutions.
Market Presence
Shell is one of the world's largest integrated energy companies, ranked among the top 5 global oil and gas companies, with a significant presence in both upstream and downstream sectors.
Technology
Shell invests heavily in advanced technologies, including liquefied natural gas (LNG), gas-to-liquids (GTL) projects, and biofuel production. It also focuses on renewable energy solutions like wind, solar, and hydrogen.
Industry Recognition
Shell is one of the world's largest investor-owned energy companies, with a revenue of approximately $180 billion annually and consistently ranked as a leading player in the energy sector.
The Challenge
Shell faced a significant challenge with an ongoing project that required a customer-grade user interface for its Advanced Analytics Platform. They needed an SME to collaborate with the team, design, code, and integrate the UI into the platform.
Previous Approach
Before engaging a specialist, Shell was unable to solve the problem as they lacked the required expertise in both UX and UI design, as well as the implementation of these designs into the platform.
Impact of the Challenge
- The project experienced delays in delivering the customer-grade application GUI that was essential for the platform, ultimately impacting project timelines and stakeholder satisfaction.
The Solution
As an SME UI Designer, I worked closely with the team to:
- Design a customer-grade GUI that meets the project's high standards.
- Code the design using HTML, CSS, and JavaScript.
- Integrate the new designs into the Shell Advanced Analytics Platform.
- This process ensured the look and feel aligned with Shell's brand guidelines while meeting the project's requirements.
Key Deliverables
User Experience (UX) & UI Components
- Desktop, Tablet & Mobile UX
- Business Requirements & Logic
- Information Architecture
- End-to-End Wireframe Design
- UI, GUI & Design System
- High-Fidelity GUI Designs
- End-to-End UX Solution Journeys
- End-to-End Prototypes & UI Designs
Development Contributions
- UX Experience Design (UCD)
- User Research & Strategy
- Product Design Leadership
- Team Collaboration & Leadership
- UI Interface Design & Architecture
- Usability & Accessibility Improvements
- Interaction Design Implementation
The Results & Impact
- Delivered a complete set of GUI designs for the Shell Data Analytics Application, fully integrated into the platform.
- Ensured the designs adhered to Shell's brand guidelines and provided an optimal user experience.
- The platform's custom-designed GUI received positive feedback from stakeholders and users due to its intuitive interface and seamless functionality.
- Timely delivery of the design and integration met the project deadlines and improved overall satisfaction for both the team and end-users.