Taste Persia
A digital service showcasing the beauty of Iran, offering seamless and hassle-free experiential journeys.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=612,h=408,fit=crop/A1agBlLRg8UlX1n5/iphone-120-pro-YX41qGk5Ekfv7qgj.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=261,fit=crop/A1agBlLRg8UlX1n5/iphone-120-pro-YX41qGk5Ekfv7qgj.png)
What is Taste Persia?
Taste Persia is a digital platform designed to connect travelers with knowledgeable local hosts in Iran, facilitating immersive cultural experiences while promoting sustainable, meaningful, and safe tourism.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=377,h=747,fit=crop,trim=13.963636363636363;6.989690721649485;13.963636363636363;6.989690721649485/A1agBlLRg8UlX1n5/mobile-screen-shot2-AVL3o5Ny58s84ZQG.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=123,h=244,fit=crop,trim=14.278884462151394;7.118110236220472;14.278884462151394;7.118110236220472/A1agBlLRg8UlX1n5/mobile-screen-shot2-AVL3o5Ny58s84ZQG.png)
Project Overview
Duration
8 weeks
My Role
Research & Design
Design Goals
Emphasize sustainable tourism efforts and memorable travel experiences.
Spotlight the one-of-a-kind and unique nature of these experiences.
Guarantee and clearly convey Iran's safety for travelers.
Create an intuitive and seamless digital user experience.
Opportunity
The opportunity lies in developing and providing such services to promote sustainable travel choices.
Problem Statement
Lack of digital services for foreign tourists to access authentic and secure sustainable experiences.
Software
Figma, Office
Team
Group of 5
Design Process and Discover
The survey, Interview, and Competitive Analysis
In the initial project phase, we conducted both a concise online survey with 12 multiple-choice questions and user interviews with 20 individuals, focusing on their experiences with tourism websites and online booking. These research methods were instrumental in identifying key pain points and informing our subsequent design decisions.
Additionally, we performed a competitive analysis of similar websites to gather valuable insights for our design process.
In our design process, we embraced the Double Diamond framework—a proven method that guides us through discovery, defining, developing, and delivering solutions. This structured approach ensures we thoroughly explore problems, create innovative solutions, and deliver user-centric designs that make a meaningful impact.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=631,h=466,fit=crop/A1agBlLRg8UlX1n5/screenshot-44-meP52J7wakfy6ezy.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=320,fit=crop/A1agBlLRg8UlX1n5/screenshot-44-meP52J7wakfy6ezy.png)
The Major Competitive Analysis Takeaway
Detail Planning: Prioritize detailed plans for the day, including location, time, duration, and local experiences.
Media or Multimedia reinforcement: Utilize videos and image galleries to visually acquaint users with the destination and potential experiences.
Community reviews: Encourage user engagement through reviews and a blog, promoting idea-sharing and collective experiences.
Practical Preparation: Provide travel checklists tailored to each experience, ensuring users are well-prepared for their trips.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=633,h=352,fit=crop,trim=0;0;0;23.813740458015268/A1agBlLRg8UlX1n5/qouts-4-AE028VnWwWTnRG5y.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=300,h=161,fit=crop,trim=0;0;0;0/A1agBlLRg8UlX1n5/qouts-4-AE028VnWwWTnRG5y.png)
The Major Interview Takeaway
Highlight visuals: Place a strong emphasis on high-quality images and videos to aid users in selecting travel destinations.
Streamline information access: Ensure that all necessary information is easily accessible on the website, saving users from the need to search elsewhere.
Include user reviews: Acknowledge the importance of reviews and establish a robust review system for evaluating hotels and destinations.
Simplify planning: Provide tools and features that make the trip-planning process easier for users.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=534,h=252,fit=crop/A1agBlLRg8UlX1n5/surway-AGBMPzZk75hpRaz4.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=317,h=150,fit=crop/A1agBlLRg8UlX1n5/surway-AGBMPzZk75hpRaz4.png)
The Major Survey Takeaway
Budget Travel is Popular: Most travelers prefer budget-friendly options for their trips.
Activity Choice Matters: The type of activity chosen is a critical factor when seeking new travel experiences.
Online Platforms Are Key: Travelers primarily rely on web browsers like Google and social media platforms such as Facebook to discover travel destinations.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=612,h=401,fit=crop/A1agBlLRg8UlX1n5/image-1-meP5bM9aXPCJNJzw.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=225,fit=crop/A1agBlLRg8UlX1n5/image-1-meP5bM9aXPCJNJzw.png)
Design Process
Define
Affinity Diagram
The interviews were conducted, and the data was organized using an affinity diagram.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=812,h=494,fit=crop/A1agBlLRg8UlX1n5/affinity-diagram_-experience-tourism-dOqlPpR5EKiON6gr.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=218,fit=crop/A1agBlLRg8UlX1n5/affinity-diagram_-experience-tourism-dOqlPpR5EKiON6gr.jpg)
Affinity Diagram Takeaway
Value Matters: Travelers prioritize affordability and seek reasonably priced experiences.
Short Activities are Preferred: Travelers generally opt for shorter activities to maximize their travel experiences.
Importance of Details: Crucial details like checklists, destination information, car rental options, and location details are highly significant to travelers.
Destination Attraction: The appeal of the destination itself and the availability of local activities play a crucial role in travel decisions.
Persona
The persona was created based on user research. We designed the website to fit the user's needs and address their challenges.
After creating the persona, we wrote a scenario that helped us understand the user experience more precisely. This scenario allowed us to dive deeper into the persona's journey and gain valuable insights to inform our design decisions.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=742,h=356,fit=crop/A1agBlLRg8UlX1n5/persona-dOql1pxx0BTWk7x3.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=157,fit=crop/A1agBlLRg8UlX1n5/persona-dOql1pxx0BTWk7x3.png)
Develope
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=509,h=492,fit=crop/A1agBlLRg8UlX1n5/sketchpo-mp834XJeD4HRZVL2.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=317,fit=crop/A1agBlLRg8UlX1n5/sketchpo-mp834XJeD4HRZVL2.png)
Sketch and Mid-Fidelity Wireframes
A series of sketches and mid-fidelity wireframes were created to visualize the hypothesis of how the experience would look like.
Site Map
To enable users to search and find the experiences, a decision was made to categorize each experience by date, location/city, and experience type
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=514,h=333,fit=crop,trim=0;0;0;0/A1agBlLRg8UlX1n5/site-map-mnlnKXOoQ5tv727v.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=212,fit=crop,trim=0;0;0;0/A1agBlLRg8UlX1n5/site-map-mnlnKXOoQ5tv727v.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=583,h=341,fit=crop/A1agBlLRg8UlX1n5/user-flow-AMqaDaw62pc8ZBOp.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=192,fit=crop/A1agBlLRg8UlX1n5/user-flow-AMqaDaw62pc8ZBOp.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=494,h=489,fit=crop/A1agBlLRg8UlX1n5/mid-fedility-dOqlZl71v8SP04v9.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=325,fit=crop/A1agBlLRg8UlX1n5/mid-fedility-dOqlZl71v8SP04v9.jpg)
site Map and User Flow
To support what the navigation and flows would be like, a sitemap and user flows were created.
User Flow
Filters were added to allow the user to know what is more convenient when doing a solo trip or traveling with a group.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=542,h=589,fit=crop/A1agBlLRg8UlX1n5/mood-board-A3QalP27X7fZE4KB.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=356,fit=crop/A1agBlLRg8UlX1n5/mood-board-A3QalP27X7fZE4KB.png)
Moodboard
As a sustainable tourism project committed to respecting the host community, inspiration has been drawn from Iranian culture, nature, and a rich palette of colors in the creation of our mood board. After several iterations, the final mood board has been arrived.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=667,h=502,fit=crop/A1agBlLRg8UlX1n5/uikit-Yg2Lo31GDRuG257Q.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=247,fit=crop/A1agBlLRg8UlX1n5/uikit-Yg2Lo31GDRuG257Q.png)
Design System
To facilitate the development of high-fidelity screens, a comprehensive design system was established. This design system ensures uniformity in colors, fonts, and components throughout all user experiences.
Iteration and Usability Testing
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=876,h=656,fit=crop/A1agBlLRg8UlX1n5/abtesting-YNqOMJV056fnrkZ9.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=246,fit=crop/A1agBlLRg8UlX1n5/abtesting-YNqOMJV056fnrkZ9.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1018,h=2745,fit=crop/A1agBlLRg8UlX1n5/homepage1-mv05PjaOrLhKnv32.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=884,fit=crop/A1agBlLRg8UlX1n5/homepage1-mv05PjaOrLhKnv32.jpg)
A/B Testing on Homepage
Home Page Iterations
Throughout the design process, the home page underwent numerous iterations, encompassing various elements such as the hero image, logo, typography, icons, search bar, card sizes, buttons, and footer. These iterative improvements were made to ensure an optimal and user-friendly home page experience
Hero Image and Search Bar
We conducted both usability tests and A/B tests for our hero images on multiple occasions, gathering valuable user feedback. Some of the issues users encountered included:
The complexity of Hero Images: Users found the hero images too busy and expressed a preference for images with vibrant colors and fewer objects.
Clutter Affecting Readability: Due to the crowded composition of the images, users faced challenges in reading the title and subtitle, which introduced the website.
Ineffective Search Bar: The placement of the search bar was not optimal, and users had difficulty with drop-down menus not appearing correctly.
These insights from user testing have been instrumental in refining our design and user experience to better meet our users' needs.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=965,h=589,fit=crop/A1agBlLRg8UlX1n5/itration-Yle245ooEpFv7Pzg.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=200,fit=crop/A1agBlLRg8UlX1n5/itration-Yle245ooEpFv7Pzg.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=946,h=466,fit=crop/A1agBlLRg8UlX1n5/carditration-YBgljy0KQ5i4ewN6.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=162,fit=crop/A1agBlLRg8UlX1n5/carditration-YBgljy0KQ5i4ewN6.jpg)
Card and Button Iterations
After conducting user testing on our card designs, we received valuable feedback from users, which included:
Inconsistent Card Sizes: Users found the card sizes to be either too large or too small, and the fonts were not suitable for the website.
Button Curvature Mismatch: Users noted that the curves of the buttons did not align well with the overall card design.
Inadequate Image Information: Users expressed concerns that the images used on the cards did not convey sufficient information.
Button Size and Typography Variations: The size and typography of the buttons underwent multiple changes based on user feedback and iterative design improvements."
Deliver
Final Wireframes
In the subsequent stage, we crafted high-fidelity wireframes. These final wireframes, also known as hi-fi prototypes, were developed after thorough research, design, rigorous testing, and multiple rounds of iteration.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=800,h=1408,fit=crop/A1agBlLRg8UlX1n5/finalwireframe-dOqlZbbaDKs20qGO.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=578,fit=crop/A1agBlLRg8UlX1n5/finalwireframe-dOqlZbbaDKs20qGO.png)
Mobile Version
As our project encompassed both desktop and mobile versions, we embarked on re-sketching and transforming our designs to accommodate mobile devices. This section includes the initial sketches for the mobile version as well as the resulting low-fidelity wireframes.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1010,h=459,fit=crop/A1agBlLRg8UlX1n5/mobilelowfi-m2WBq4J3KMfNMElz.jpg)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=149,fit=crop/A1agBlLRg8UlX1n5/mobilelowfi-m2WBq4J3KMfNMElz.jpg)
Challenges and Solutions:
One of the challenges we encountered was the conversion of the desktop version into a mobile app, primarily because of the adaptive website design. To address this challenge, we implemented the following solutions:
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1145,h=961,fit=crop/A1agBlLRg8UlX1n5/mobilechallenge3-YBglOXzzlVHXKkBJ.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=275,fit=crop/A1agBlLRg8UlX1n5/mobilechallenge3-YBglOXzzlVHXKkBJ.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1156,h=924,fit=crop/A1agBlLRg8UlX1n5/mobile2-m6LP2vyR6ZSG84jB.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=262,fit=crop/A1agBlLRg8UlX1n5/mobile2-m6LP2vyR6ZSG84jB.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=851,h=2120,fit=crop/A1agBlLRg8UlX1n5/mobilefinal-YZ9aE23oOkUG45pN.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=328,h=863,fit=crop/A1agBlLRg8UlX1n5/mobilefinal-YZ9aE23oOkUG45pN.png)
Final Mobile Version
Reflection
What I Have Learned from This Project:
Research plays a crucial role in every design phase, making our product better. We can make the product more user-friendly by testing and improving it repeatedly.
Creating a UI kit not only makes our design more cohesive but also helps our team communicate better, making future changes easier.
What I'll Do Next:
My next step will be focusing on making the product even more user-friendly with more usability tests and improvements.
working on making the pages more accessible to a wider audience, emphasizing inclusivity in our design.