Mobile Apps
Petro Pocket
Helping users manage fuel spend in both currency and litres
- Role
- Lead UI/UX Designer
- Duration
- PLACEHOLDER
- Team
- PLACEHOLDER
- Platform
- Mobile (iOS & Android)
- Industry
- Digital Banking
Project Overview
Petro Pocket gives users a clear way to manage fuel balances, monitor live prices, track consumption over time and transfer balances between accounts.
Business Challenge
PLACEHOLDER — describe the business problem this project needed to solve.
Placeholder — add real project detailUser Problem
PLACEHOLDER — describe the core user pain point this project addressed.
Placeholder — add real project detailProject Goals
- PLACEHOLDER — primary goal
- PLACEHOLDER — secondary goal
- PLACEHOLDER — business or compliance constraint
My Responsibilities
- Led end-to-end experience design
- Facilitated discovery and research
- Partnered with engineering and compliance on delivery
Research Approach
PLACEHOLDER — summarise interviews, usability testing, analytics review or competitor analysis conducted.
Placeholder — add real project detailKey Findings
- PLACEHOLDER — finding one
- PLACEHOLDER — finding two
- PLACEHOLDER — finding three
User Personas
PLACEHOLDER — add primary user personas and their goals.
User Journey
PLACEHOLDER — add the mapped end-to-end user journey.
Information Architecture
PLACEHOLDER — add sitemap or flow diagram.
Early Concepts
PLACEHOLDER — add early sketches or concept explorations.
Wireframes
PLACEHOLDER — add low and mid fidelity wireframes.
Visual Design
Visual direction balanced brand consistency with the clarity required for a regulated, high-trust financial product.
Design System
Reused and extended the shared design system's components, tokens and patterns to keep the experience consistent at scale.
Usability Testing
PLACEHOLDER — add usability testing method, participant count and round summary.
Placeholder — add real project detailDesign Iterations
PLACEHOLDER — add before/after iterations.
Final Solution
The final experience shipped as part of the core product, balancing usability, compliance and business requirements.
Key Screens
PLACEHOLDER — add final annotated screens here.
Outcomes
PLACEHOLDER — add real, verified outcomes and metrics once available. Do not publish estimated figures.
Placeholder — add real project detailLearnings
PLACEHOLDER — add personal or team learnings from this project.
Next Steps
PLACEHOLDER — add planned iterations or future scope.
Placeholder — add real project detailHave a Product Challenge Worth Solving?
Let's discuss how research, strategy and thoughtful design can turn your idea into a valuable digital experience.
Start a Conversation