Designing a mobile app for Bajaj
Outdated mobile app design at the prototype stage.
Bajaj had created a prototype for the after sales and riding experience of it’s customers. The prototype lacked modern visual design and user experience.
High Level goal
Revamping the existing prototype to give a modern and enriched visual design with elegant and smooth interactions for an upmarket feel.
From definition to delivery
The existing prototype that was provided.
We conducted an in-depth study of the visual design and app flows of multiple competitors.
- UI design is appealing.
- Extensive loading time and lag on updating app and data.
- Offers a variety of features to utilise.
- Over complicated navigation system.
- Errors are not informative.
- Overload of data in few modules.
- Navigation feature is glitchy.
- Errors are not informatives.
- Connection to Bluetooth either fails or takes too much time.
- Feature rich, like riding log but data is not being recorded.
- Connection to bluetooth fails most of the times and even if it connects, the connection is unstable.
- Captures wrong location details.
Creation of Proto-Persona Cards
The personas encompassed the goals, pain points, fears, and aspirations of different user types. This enabled us to empathize with the users and generate effective ideas.
Personas capture user attributes, while user stories bridge the gap by defining user intent without neglecting user attributes. This approach leads to refined feature requirements in user stories.
Trips and Riding
To articulate the research and bring in answers to our queries,
The information architecture was carefully planned and designed to ensure seamless organisation and navigation of information within the system.
Low-fidelity wireframes were created to provide a basic visual representation of the app’s layout and functionality, focusing on structure and content placement rather than detailed design elements.
The visual direction was established to define the overall aesthetic and design style of the app, including color schemes, typography, imagery, and other visual elements, in order to create a cohesive and engaging user experience.
A creative exploration and iterative process enable us to explore a wide range of design options, experiment with various layouts, typography, colour schemes, and visual elements. This approach allows us to discover the most effective and visually appealing design solutions by continually refining and iterating on our ideas.
High-fidelity mockups were created to present a detailed and visually polished representation of the app’s interface. Mockups were created for both light and dark mode.
A comprehensive style guide was developed for maintaining visual consistency throughout the app, including standards for typography, color palette, iconography, spacing, and other design elements.
A component library was developed to establish a repository of reusable UI components, including buttons, forms, cards, navigation elements, and other interface elements.