City Of Roses Taif : UX case study |Web app
When the weekend or a short vacation comes and you are stressed out or overwhelmed, what helps you decompress? Maybe going out for a picnic inside your city is your stress reliever. Or perhaps a short trip to a nearby pleasant city is all you need.
Our target users usually choose Taif City for a short entertainment journey!
Overview
Taif project is my third project at MISK bootcamp I was tasked with my teammates an easy-to-use platform for Taif city , The timeframe for this project was 3 weeks and my role was ux\ui designer .
Tools: Figma, Figjam , Miro, Maze
Work Process : To achieve the outcome with best results, we decided as a team to follow Double Diamond methodology to process the project, which includes four stages (Discover,Define, Design ,Deliver )
1.Double Diamond Phase: Discover
1.1 Business research
This stage took the longest time of the project, so we got deep in Taif city and its visitors. I started with desk research to understand the city’s environment and its statistics.
1.2 Competitive Analysis
After that, it’s a time for understanding the business and experience, so , we looked at the competitors . We searched for local and global competitors by applying C&C Analysis and LEMEr’s Heuristics.
LEMEr’s Heuristics were executed to understand learnability, efficiency, memorability, errors, and satisfaction criteria for each competitor .
And at the end of the competitors analysis, we were able to determine our platform market position.
After we achieved our goals from the Discover stage , we moved to the next stage, which was the Define stage.
2.Double Diamond Phase: Define
2.1 User Research
In order to understand our users, we followed qualitative and attitudinal research and we concluded 24 interviews for this project . The users were Taif-based visitors and they had more stories ,points and ideas to share and tell.
Here are the questions we asked in the interviews :
- Can you give little background about you (age \gender \ hobbies)?
- Who do you usually travel with ?
- Do you enjoy any outdoor activities in Taif ?
- When you hear the word “Taif”, what comes to mind? (to know what to focus on)
- Have you been to Taif?
- Follow-up: if you went to Taif, Describe your experience. (remember the pain-points&what they enjoyed)
- Follow-up: Have you ever gone on an organized trip? What are your thoughts? describe your experience.
- Follow-up: What kinds of places or sites would you like to visit?
- How do you prepare for a trip to Taif
- What apps/tools do you use to plan your trip?
- How many days would you spend in Taif?
- What do you know about Taif history?
- Follow-up: how interested are you in discovering historical places in Taif
- How much are you willing to spend when visiting
2.2 Affinity Mapping
Then ,we used Affinity Mapping to extract insights from users’ findings and it took many rounds of sorting , re-categorizing and synthesizing the ideas .
2.3 Key insights
From there we moved to our persona
2.4 Persona
Meet Bandar A family oriented brother
2.5 Bander’s Journey Map
2.6 Story Board
Storyboard are made in order to illustrate the user journey
2.7 Venn Diagram
After addressing features prioritization, it’s time to address the users’ needs vs business needs using the Venn Diagram.
As a result of the first diamond phases , “ Discover and Define “,We were able to determine our problem statement
Bandar, who travels to Taif with his family to escape unpleasant weather, needs well-organized services that put a priority on hygiene and affordability, so that he can enjoy suitable activities as well as to fully experience the natural beauty of the area.
3. Double Diamond Phase: Design
3.1 Features prioritization (MoSCoW)
For features ideating, I used MoSCoW’s method:
3.2 Site Map
3.3 User flow
3.4 Sketch
Now it is time to sketch.We started as a team brainstorming and followed the 8 crazy sketches.
3.5 Design system
Here , the design system that we set for a web app
4. Double Diamond Phase: Deliver
4.1 Prototype
4.2 Usability testing
We asked 5 users to test the whole mobile site .Also, we did a task through Maze tool , and we tested a number of users by sharing the link with them.
4.3 Demo
So , What Is Next for Taif site :
- Add 360º views.
- Website support the Arabic Language
- Make desktop version
lastly, I would like to thank my teammates Renad , Lujain Z Edrees , Hajer Maqbol, Hend Attuwairqi, Aisha
Thank you for Reading ,,🌱
