Petro Pass
An application to search various Petro Canada gas stations. The app offers different search features specifically catered to Petro Pass users: truck drivers.
I created a personal version of the existing app to modernized the UI while eliminating redundant steps in UX to improve usability.
Current Petro-Pass app homepage. It offers 4 various methods to search Petro Canada gas station locations and their amenities.
Using the search bar option, results appear at the bottom with amenity icons. The filter options allows users to select specific amenities they're looking for.
Once a single location is selected, more details of the location appear.
Personal design of the updated home page. To reduce visual obstacles & confusion, there's only 1 search bar for input when looking up locations.
The 'Use my current location' feature is integrated within the search bar to reduce space. It's intuitively offered as a first option to save time.
Various filter options are offered once the search result appears. An interactive map to adjust the search ranges and lookup surroundings.
Problem
Truck drivers often search for parking spaces and gas station amenities to prepare for their long drive pit-stops. They spend too much time filtering and narrowing down their search results to find the location that fulfills their needs.
Solution
A mobile application that offers various amenity filters and search engine features specifically targetting truck drivers—which reduces their browsing time and frustration on the road.
Role
I designed UI components of the mobile application, aiming for accessible and simple usability that is cohesive with the existing Petro Canada's branding and identity.