Suncor Energy Inc.
Suncor Energy Inc., is one of Canada's largest companies and is involved in the production, refining, and marketing of oil and gas products. Suncor has an extensive retail network in Canada under the Petro-Canada brand.
CLIENT
Suncor
SERVICE PROVIDED
Product design, Ui/UX
TIMELINE
4 Weeks
The vision for the project was to create an industry-leading mobile app that sets a new standard for user experience in fuel management.
The Petro-Pass App had to be intuitive, user-friendly, and seamlessly integrated into the daily workflows of fleet managers and truck drivers. Their brand felt outdated, and their website didn’t reflect the innovation of their HR technology platform. The company was ready to scale and needed a digital presence that matched their ambition.
We began by auditing the existing admin screens, identifying pain points in data readability and filter usability.
Low-fidelity wireframes explored different layouts, followed by high-fidelity prototypes built on a 12-column grid with an 8pt spacing system. Design tokens for color, typography, and spacing ensured visual harmony across screens.
Key Improvements
Visual Identity Design: Developing the app's visual identity, including the primary logo, app icon, and typography.
Core Feature Design: Designing key user flows, including Onboarding, Sign Up & Set Up, and Login processes.
Location and Service Search: Creating a seamless interface for Location Search & Filter. This included displaying the nearest station, providing directions, and clearly listing all available services such as washrooms, bulk DEF, and weight scales.
UX Optimization: Ensuring the process of Fuelling up was streamlined and clearly integrated into the app's functionality.
The Outcome
The final product is a centralized, mobile-first solution that successfully digitizes the SuperPass program. By creating a modern and intuitive experience, the app empowers both drivers and fleet managers.
The resulting app:
Improves Driver Efficiency: By providing quick access to station locations, directions, and essential services, ensuring less downtime.
Boosts Fleet Control: Provides fleet managers with the convenience and system they need to effectively monitor and control fuel costs on the go.
Modernizes the Brand: Establishes a contemporary, user-friendly digital touchpoint for a leading national fuel card program.
