top of page
Mystopia Zoo
Embark on an enchanting journey into a realm where imagination thrives.
![](https://static.wixstatic.com/media/c952a7_070fd0db19fb4d3bb0f99d4d92542a73~mv2.png/v1/fill/w_135,h_332,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c952a7_070fd0db19fb4d3bb0f99d4d92542a73~mv2.png)
![](https://static.wixstatic.com/media/c952a7_9f59656b76e4435b8a38a8b9b350d80a~mv2.png/v1/fill/w_163,h_332,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c952a7_9f59656b76e4435b8a38a8b9b350d80a~mv2.png)
![](https://static.wixstatic.com/media/c952a7_57841e3ffa0549e78fda4b3a31ce86a6~mv2.png/v1/fill/w_135,h_332,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c952a7_57841e3ffa0549e78fda4b3a31ce86a6~mv2.png)
Unlock the Legends , Enhance the Extraordinary
Overview - Enter the World of Dragons
Mystopia, set in a future Metaverse, offers a captivating AR/VR experience where users explore mythical creatures from diverse cultures via a mobile app. The app boasts a creature-rich home page with detailed info, immersive audio stories, and photo-sharing options, along with practical functions like ticket purchases, donations, and assistance requests. Navigation is a breeze with maps, GPS, and AR directions, while a schedule feature keeps users updated on upcoming exhibits and events. User profiles provide ticket and membership management, including rescheduling and cancellations. Special AR scanning and Quest challenges deepen the experience, enabling users to unlock creature knowledge and rewards.
Roles
Tools
Figma
Duration
Three Weeks
Prototype
User Feedback
Team
Khushali Parekh
Sushil Nisale
Yule Zhu
User Testing
Artifacts
Objective
Our objective was to create a cutting-edge mobile application that seamlessly blends entertainment with education, revolutionizing the traditional zoo visit into an immersive adventure for visitors spanning all age groups. This innovative app will provide a dynamic platform where visitors can not only conveniently purchase admission tickets and explore upcoming events but also embark on an educational journey through augmented reality (AR) experiences, captivating quests, and interactive challenges that deepen their understanding of the zoo's diverse flora and fauna. By seamlessly integrating navigation assistance, gamified learning, and opportunities for social sharing, this application aims to engage and enlighten visitors, fostering a stronger connection with wildlife and conservation efforts while enhancing the overall zoo experience.
Project Goals
![Vector_edited.png](https://static.wixstatic.com/media/c952a7_afe8412800b64194adfac735f85be3cb~mv2.png/v1/fill/w_21,h_38,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Vector_edited.png)
Our primary goal is to design an AR/VR mobile app that provides users with an immersive and engaging experience as they explore the imaginary zoo of mythical creatures from various cultures, classics, and legends.
![Vector_edited.png](https://static.wixstatic.com/media/c952a7_afe8412800b64194adfac735f85be3cb~mv2.png/v1/fill/w_21,h_38,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Vector_edited.png)
Ensure that the app is user-friendly and caters to the needs and desires of visitors by brainstorming and understanding what users want to do in the zoo and how the mobile app can facilitate their exploration.
![Vector_edited.png](https://static.wixstatic.com/media/c952a7_afe8412800b64194adfac735f85be3cb~mv2.png/v1/fill/w_21,h_38,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Vector_edited.png)
Build the app with the potential for future expansion, including the addition of new mythical creatures, cultures, and legends to keep the experience fresh and exciting for returning visitors.
Enchanting Creatures
![MicrosoftTeams-image (1)-PhotoRoom 1.png](https://static.wixstatic.com/media/c952a7_9f7ca20498ae4285b26a247d327885f9~mv2.png/v1/fill/w_232,h_322,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/MicrosoftTeams-image%20(1)-PhotoRoom%201.png)
![The-monster-Chimera-in-Greek-mythology-removebg-preview 1.png](https://static.wixstatic.com/media/c952a7_11b411d7428f484780972342c35f1e7d~mv2.png/v1/fill/w_335,h_241,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/The-monster-Chimera-in-Greek-mythology-removebg-preview%201.png)
![4_garuda-removebg-preview 1.png](https://static.wixstatic.com/media/c952a7_f8608682205b415cbaf0f8555f03b3a0~mv2.png/v1/fill/w_179,h_338,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/4_garuda-removebg-preview%201.png)
![MicrosoftTeams-image__3_-removebg-preview 1.png](https://static.wixstatic.com/media/c952a7_55690ee5788b42ecae3a17f0d2fa5f51~mv2.png/v1/fill/w_236,h_323,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/MicrosoftTeams-image__3_-removebg-preview%201.png)
Design Challenge
Our challenge is creating a user-friendly Mystopia Zoo app integrating features from ticket booking to AR quests. We aim to balance complexity for all users, focus on effective information structure, and employ user onboarding. AR compatibility, clear instructions, and safety are key. Our approach involves meticulous implementation and extensive user testing for a seamless AR-enhanced zoo experience.
Creature Queries
Whats with Chinese
Dragon?
Chinese dragons symbolize power, strength, and good fortune. Unlike their western counterparts, they’re considered benevolent and auspicious creatures.
India's most popular creature?
The Naga, a serpentine deity in Indian mythology, is commonly associated with protection and prosperity.
Are they Real or Imaginery
While these creatures exist in the realm of mythology, they’re ingrained in the rich cultural tapestry of China and India, offering invaluable insights into their age-old beliefs.
Ideation
![7195325 1.png](https://static.wixstatic.com/media/c952a7_112deb0a8db240efa814d9bc3e92a62d~mv2.png/v1/fill/w_327,h_348,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/7195325%201.png)
During Mystopia zoo app development, our team embarked on a creative journey to envision how visitors could seamlessly interact with the zoo through their smartphones. We began by brainstorming and analyzing what activities and services would enhance the visitor experience, considering both practical and immersive elements. This exploration allowed us to identify the core functionalities that would make the app engaging and user-friendly, ensuring visitors could make the most of their time at the Mythical Creature Zoo.
In parallel with our process, we conducted extensive research into the digital offerings of real-world zoos such as the Philadelphia Zoo and Phoenix Zoo. This research gave us valuable insights into the services typically provided by zoos to their visitors, enabling us to benchmark our ideas against industry standards and best practices. Armed with these insights, we progressed to developing mid-fidelity wireframes that laid the foundation for the app's user interface. These wireframes evolved into high-fidelity clickable prototypes, which we then presented to a potential user. Their overwhelmingly positive feedback reaffirmed our confidence in the app's features and user experience, validating the direction we were taking in the design process.
Approach
Our approach to addressing the challenge of creating a user-friendly Mystopia Zoo app integrating features from ticket booking to AR quests is rooted in meticulous planning and a creative ideation process. To balance complexity for all users, we focus on an effective information structure and employ user onboarding. Ensuring AR compatibility, providing clear instructions, and prioritizing safety are foundational principles. Our development journey began with an imaginative exploration of how visitors could seamlessly interact with the zoo through their smartphones, brainstorming practical and immersive elements. Drawing insights from extensive research into real-world zoos, including Philadelphia Zoo and Phoenix Zoo, we benchmarked our ideas against industry standards and best practices. This informed the development of mid-fidelity wireframes that evolved into high-fidelity clickable prototypes, extensively tested and validated by potential users. This iterative and user-centric approach ensures a seamless AR-enhanced zoo experience that engages and educates visitors of all ages while meeting the app's core objectives.
Prototype Face off
Concept Sketches
Explore the blueprint of innovation with our sketch prototypes for Mystopia Zoo. Dive into the early stages of design, where we transform ideas into visual concepts, paving the way for the mythical creature adventure. These sketches are the first glimpse into the captivating world we're crafting for you.
![](https://static.wixstatic.com/media/c952a7_a9c7a808b67c4be09be2b72359d32550~mv2.jpg/v1/fill/w_292,h_308,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/c952a7_a9c7a808b67c4be09be2b72359d32550~mv2.jpg)
![](https://static.wixstatic.com/media/c952a7_76e6f903b07b40fcaa5309ec12a6851d~mv2.jpg/v1/fill/w_303,h_308,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/c952a7_76e6f903b07b40fcaa5309ec12a6851d~mv2.jpg)
Wireframes
Ready to explore the world of low and high fidelity prototypes?
Prepare to buckle up for an enchanting visual journey through UI design, showcasing the marvels of mythical creatures. We'll explore mythical beasts from cultures around the world, using early hand-drawn sketches to devise key features and interactions for dragons, phoenixes, and unicorns. These humble beginnings in low-fidelity prototypes lead to the creation of dazzling, pixel-perfect high-fidelity interfaces that bring these magical myths to vibrant life on screen. Delve into the various types of mythical creatures and uncover the benefits of incorporating their essence into the realm of UI design, immersing users in a world where fantasy seamlessly meets functionality. Marvel at the remarkable talent and effort of our UI design wizards as they craft these interfaces, seamlessly merging imagination and expertise.
So come along with us on this journey and discover the power of mythical creatures in UI design!
Low Fidelity
Sketching Your Way to Success
High-Fidelity
Where Innovation Meets Elegance
Style Guide
Font
Inter
Rowdies
Fira Sans
Head
Headline : Regular ; 20 pt
2 Head : Regular ; 24pt
3 Head : Bold ; 14pt
Body
Body : Medium ; 16 pt
Body : Regular ; 15pt
Body : Regular ; 16 pt
Color Theme
Happy Customer
![e9c40b41bed57553688c50d21d595c98 1.png](https://static.wixstatic.com/media/c952a7_95cdb8f3a8f7447b8284859a0318605e~mv2.png/v1/fill/w_191,h_155,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/e9c40b41bed57553688c50d21d595c98%201.png)
The prototype presents an extensive and interesting experience. A fun and interactive element is also added by the combination of the Quest feature and AR technology, which encourages visitors to learn more about the species while exploring it.
![original-77c0dd1eb56f9496d138e9eab1eebdd6 1.png](https://static.wixstatic.com/media/c952a7_2733f4c2877a4092acfb5764a4e37724~mv2.png/v1/fill/w_207,h_155,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/original-77c0dd1eb56f9496d138e9eab1eebdd6%201.png)
The design of the app is minimalistic and intuitive, which makes it easy to use. The icons are clear and easy to understand, and the menus are well-organized.
![969b9eddab10584cb4d7a3a8c8736342 1.png](https://static.wixstatic.com/media/c952a7_e5e0701294e341fab00b6eee386c96d6~mv2.png/v1/fill/w_155,h_155,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/969b9eddab10584cb4d7a3a8c8736342%201.png)
The AR navigation feature is a great way to explore the zoo, but it would be helpful to have a back button so that users can easily return to the map.
Reflection
Mythical creatures have always been a source of fascination for humans. From the Greek gods to the dragons of medieval Europe, these creatures have captured our imaginations and inspired countless stories and legends. Today, with the advent of advanced technologies such as AR/VR, we can experience these mythical realms like never before. The future of the Metaverse promises to take this to a whole new level, allowing users to explore Mystopia and other imaginary worlds in a fully immersive way.
The mobile app designed for Mystopia is the gateway to this world of wonder. With its functional interface prototypes, mid-fidelity wireframes, and high-fidelity clickable prototypes, users can easily navigate through the app and discover the mythical creatures that call Mystopia home. While guests can use the app without registration, signing up allows access to additional features, making the Mystopia experience even more magical. Whether you're a fan of unicorns, griffins, or any other mythical creature, the Mystopia app is the perfect way to explore these fantastical realms and discover the magic that lies within.
bottom of page