JOSH: Building a fuel delivery platform from the ground up.
@TheYellowStrawberry
Role
UX/UI Intern
Industry
Energy & Utilities (Fuel Delivery)
Duration
2 Months
✨ Project Snapshot
JOSH is an on-demand fuel delivery platform that simplifies diesel procurement while ensuring compliance with industry regulations. The project encompassed user research, information architecture, wireframing, and high-fidelity UI design. The goal was to transform a complex, highly regulated service into a seamless mobile experience, enabling users across Tier 2 and Tier 3 cities in India to efficiently order fuel, track deliveries, and manage their fuel requirements with ease.
🗓️ Project Roadmap
🗺️ Mapping the Market
To understand industry standards and identify opportunities for differentiation, a competitive analysis of existing fuel delivery applications was conducted. The study focused on information architecture, user flows, interface patterns, feature offerings, and trust-building mechanisms. Key insights informed the creation of JOSH's new information architecture and user journey, guiding design decisions aimed at improving usability, establishing visual consistency, fostering user trust, and streamlining the fuel ordering experience.
🗂️ Information Architecture
An initial information architecture was created to define the app's content structure and support discussions around features and page hierarchy. As the project progressed, the architecture evolved through multiple iterations based on stakeholder feedback and emerging requirements. The final information architecture served as the foundation for the app's screens, navigation, and overall user experience.
🦴 Bare Bones
The wireframing phase focused on exploration rather than refinement. Multiple mid-fidelity concepts were created and reviewed with stakeholders, resulting in a rich library of design ideas. Beyond shaping the final experience, this repository provided a roadmap for future features and product enhancements that could be incorporated as the platform evolves.
🎨 Crafting the Look & Feel
A comprehensive design system was created using the brand's visual identity, including typography, color tokens, and reusable interface elements. The goal was to establish a consistent and recognizable visual language that communicated reliability, professionalism, and trust. For a startup entering a competitive market, the visual design played a critical role in helping users feel confident in the service while creating a unique brand experience that stood apart from existing fuel delivery applications.
Onboarding Screens
The onboarding experience introduces users to JOSH's core benefits: uninterrupted operations, time savings, and reliable fuel delivery. These screens help establish trust, communicate value, and create a smooth entry point into the app experience.
Order Tracking
The orders page gives the history of past orders and also a filter option to filter out orders based on the nature of orders. Selecting an order card brings up order details and an order tracking feature.
