We analyze the existing design system thoroughly and identify the problems it faces before finding the best solution for it. Then, we compared it with other good examples and came up with the best solution.
For the first step, we search for some direct and indirect competitors to find out their strong and weak points to get inspiration from them then we put this benchmark in the conceptual map to see better connections. To see one by by of these competitors you can see more detail below the map.
As previously mentioned, we utilized four different types of questionnaires. Two were categorized under a closed format and the others under different categories. Ultimately, we derived three distinct colors from the responses. Throughout this process, and particularly during the interviews, we aimed to maintain an unbiased approach, focusing solely on the users' opinions to ensure the integrity of our data collection.
Personas
To address the urgency of users' concerns, we created two hypothetical personas.
Story board - Before solution
Story board - Before solution
Storyboard - Rana storyboard
Story board - Jila solution
Recommendations
INSPIRED BY mATERIAL DESIGN
iNSPIRED BY CARBON
iNSPIRED BY APPLE
Journey Map
Flow Map
The low-fidelity design
Mockup
High- fidelity design
Consideration of accessibility
Usability study
A short introduction to the usability studies i conducted and my findings.
Finding 1
1. On some pages, there was no possibility to go back. 2. Unnecessary pages
Finding 2
1. There was not a preview page for payment. 2. There where no place to download the payment receipt
Customer journey map
Story board - After solution
Wireframe
Starting page
Login Page
Welcome page
Hamburger menu
Searching page
Prototype - Mobile app
Portotype - Web app
Prototype - web
System Innovation Diagram
After completing the design phase with our team, we aim to evaluate the position of our project within the market, focusing on its innovative business ideas. This assessment will help us understand the project's potential for future success.
Business model canvas
To understand the application in a real-world context, we require a business plan that includes the following components:
%20benchmarking.png)
.jpg)
.png){kind=spacer}
.png)
