Digital Experiences
Strategy & Campaigns
Content
All

Increasing Adoption and Retention for Shell B2B Customer Platform

Client:  

Shell

Location:  

Global

Industry:  

Energy, mining, oil & gas

One of the world’s largest oil and gas companies, Shell provides quality fuel solutions to B2B customers. Shell Card Online (SCOL), now known as Shell Fleet Hub, is a platform allowing fleet owners to manage petrol costs, set spending limits, and track fuel consumption.

We delivered learningscol.com, a sleek, Intranet-based educational website that hosts video tutorials on SCOL usability and relevance.

  • UX and UI Design
  • Web Development
  • Copywriting
  • Analytics
Shell fleet management system overview featuring smooth UX design for efficient vehicle tracking and reporting.

Comprehensive Product Tutorials

Intuitive Website Navigation

Productive Learning Experience

The Challenge

SCOL had faced a low adoption rate, with Shell customers not using the portal to its full potential. A client satisfaction survey of 700 B2B customers showed that the platform was too difficult to navigate because of its extensive functionalities. 

Instead of rebuilding the product, we suggested addressing the problem differently—by educating customers on how to benefit from SCOL and utilise its features to the fullest.

Our Solution: Practical Knowledge Hub for Fleet Managers

We aimed to address the key user journey obstacles faced by fleet managers, making the online experience more engaging and relevant. That’s how we decided to build Learning Shell Card Online, a comprehensive knowledge hub featuring multilingual tutorial videos and platform manuals.

Testing and User Roles

To pinpoint issues hands-on, we mapped out various user scenarios. This practical approach helped us identify the key bottlenecks in the user journey to be illustrated in the tutorials.

Shell Card Online learning platform interface showcasing advanced web development and intuitive UI design.

Content Development

With the user journey insights in hand, we produced a library of tutorials and manuals in 10+ languages. The collaterals addressed specific customer pain points, such as managing petrol costs, setting spending limits, and tracking fuel consumption, for greater user engagement. 

Website Architecture and Interface Design

When designing the landing page, we focused on simplicity and ease of navigation to streamline the learning process. We structured the materials in the following way:

  • Content divided into five categories, properly titled for easy search. Each category featured 2-3 minute screencast videos, visually appealing with highlighted pointers.
  • A custom video player with flagged hotspots on the progress bar to help users find specific content easily.

Each tutorial was complemented with downloadable text and image-based instructions.

Shell Card Online analytics dashboard, emphasising detailed metrics for financial controllers and fleet managers.

The Result

By focusing on fleet manager pain points and providing clear, accessible solutions, we significantly improved user engagement with the Shell Card Online platform. Our high-quality service led to an invitation to create SCOL promotional and sales collateral.