![Addini - Taxi and Delivery App](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F949cbd25-2d6c-4b6e-a2a8-3887b7671fc5%2F82d00308-e604-4b4b-8f27-c1b1153c5dc8%2FFrame_100.png?table=block&id=33cb28ce-11e4-4974-8150-57039e5ddb50&cache=v2)
Project Overview
Addini is a taxi and delivery mobile and smartwatch app. The mobile app contains all the features the user needs, and the smartwatch app serves as a smaller version of that to make a quick taxi or delivery request.
Challenges
- Anyone can use the app, the audience is very broad. For this, the design needs to be as intuitive and easy to use as possible.
- How do we fit the entire app into the very small screen of a smartwatch? And which features can we not include in that smaller version?
Design Process
- Did research about the competitors, which features to include, and the target audience.
- Listed the tasks that the user will need to accomplish, then drew flowcharts detailing the steps taken for each. These tasks were:
- Request a taxi/delivery
- Add payment method
- Ask for help
- Cancel a booking
- Update profile info
- Add a discount code and activate it
- Add payment method
- Made quick and simple wireframes on Figma showing the structure of the app without any design details (colors or typography). The following are the wireframes that I made with some annotations about my design considerations.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe91397f4-f744-4b8c-a788-2500781559b0%2Faddiniwireframes.png?table=block&id=2aa18a4e-0b54-48dc-91ed-cecc62eec7d6&cache=v2)
- After being done with the wireframes, I picked a suitable color pelette and font and made the final design on Figma.
- After the final design, I implemented it as a prototype and gave it to others for testing. Then I improved the visual design and the usability, tested it again, and so on until I was satisfied with the design.
- I did the same steps afterwards with the smartwatch app.
Final Design
Mobile App
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5114bb63-d49a-4ef2-88d7-0369aaa28823%2Faddinifinalmobiledesign.png?table=block&id=6cc19584-249e-44cb-b298-bf15c523f9bb&cache=v2)
Smartwatch app
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd8375eaa-3457-4231-8c84-168cb17ed7ac%2Ffinaldesignsmartwatch.png?table=block&id=0b706a90-8eea-4ddc-a9c5-77b91b1bd030&cache=v2)
Takeaways
The project helped me learn more about designing for mobile devices, especially when it comes to the usability. I discovered that mobile design requires an entirely different set of usability principles in comparison with designing for desktop. Likewise for how different designing for the smartwatch is.