Design Harmony Achieved : Draivin
About this Product
Users will contribute to increasing the efficiency of the transportation network by providing up-to-date information on the state of the roads, which will help to avoid traffic congestion and problems such as potholes, roadblocks, and street closures. The application has an interaction system between users, where they can answer questions from visitors and doubts from other users, by selecting a point on the map.
In addition, a system of moderators has been implemented, assigned by the application, who have privileges to edit and delete reports, and who are selected based on their experience and number of moderators in the area.
Industry
Automobile
Services
Mobile Design ,
Dashboard Design,
Graphic Design,
Brand Strategy,
Verbal Identity,
Visual Identity
Timeline
1 Month
Website
draivin.app
Overview
Master Creationz is a Top UI UX Studio In India specialising in user interface (UI) and user experience (UX) design for digital products. They have been approached by a client with specific requirements regarding the look and feel, color scheme, and design elements for their project. This case study outlines the process followed by Master Creationz to meet the client’s expectations and create a cohesive and visually appealing design.
Workflow plan
2 months
1. Research & User flow
10 days
2. Wireframes
7 days
3. UI/UX design
14 days
4. Prototype
4 days
Dravin App
1/3
Workflow
▼
1. Client Requirements
✔
2. Design Process
✔
3. Deliver
✔
Client Requirements :
1. Look and Feel:
- The design elements should follow a consistent style throughout the project.
- Arrows, icons, and typography should harmonize and create a cohesive experience.
- Design elements used in one part of the project should be carried over to other sections for consistency.
2. Color Scheme:
- Corporate colors should guide the design without overpowering it.
- Orange used in buttons (CTAs) should be replaced with colors from the color palette.
- Purple is proposed as the primary color, with minimal use of gradients.
3. Typography:
- Montserrat bold is the main typography for titles and main communications.
- Open Sans is the secondary typography for paragraphs and other text.
Design Process:
1. Understanding the Requirements:
- We held initial discussions with the client to gain a thorough understanding of their vision and objectives. They clarified specific design preferences, the desired tone, and the target audience for the project.
2. Look and Feel:
- Based on the client’s requirement for a cohesive design, we developed a design concept that incorporated rectangular icons with pointed corners. This design element would be consistent across the project, from the landing home screen to the footer. By ensuring visual continuity, users would have a seamless experience.
3. Colour Scheme:
- We proposed using a purple color palette while focusing on full shades to avoid overwhelming users. We suggested minimizing the use of gradient colors, reserving them for specific use cases. This approach would create a clean and minimal look and feel.
4. Typography:
- Keeping the client’s preference in mind, we selected Montserrat bold as the primary typography for titles and main communications. This font choice added visual impact and complemented the design. For paragraphs and other text, we recommended using Open Sans, which provided legibility and readability.
5. Design Iterations:
- We created multiple design iterations based on the proposed concept, color scheme, and typography. They applied the new colors, ensuring the absence of orange throughout the screens. Titles were predominantly styled with a combination of purple and black, with purple used selectively to emphasize key words in the text.
6. Minimal and Clean Communication:
- To fulfill the client’s requirement for minimal and clean communication, we strategically placed design elements to avoid overwhelming users. They ensured that the design conveyed information quickly and clearly, facilitating user understanding.
Deliver
By following the client’s requirements and design guidelines, we successfully developed the Draivin app and web platform for our client. The design achieved a consistent and cohesive look and feel throughout the application.
The purple color palette, minimalistic design, and careful typography implementation created an intuitive and visually pleasing user experience. The final product aligned with the client’s vision of a clean and simple solution that effectively communicated their car rental services.
For our team, this project was a truly enjoyable experience. The process flowed smoothly, and the client was open to all our ideas, which made decision-making seamless. We were able to bring every feature to life without any major hurdles. It was a rewarding journey, filled with interesting challenges that allowed us to explore creative solutions and refine our approach.
Sahil Bajaj
Chief Operating Officer
