![](https://framerusercontent.com/images/E1XQF4eQ8erdsSu1PYMsTXYAK4.png)
![](https://framerusercontent.com/images/E1XQF4eQ8erdsSu1PYMsTXYAK4.png)
EVENT VALLEY
EVENT VALLEY
Your Next Event is Here!
Event Valley is a Platform for people who don’t want to waste any of their spare time at anywhere. By using the innovative map and live-stream features, Event Valley offers smooth and pleasant interactions for user to find live or upcoming events around them.
Event Valley is a Platform for people who don’t want to waste any of their spare time at anywhere. By using the innovative map and live-stream features, Event Valley offers smooth and pleasant interactions for user to find live or upcoming events around them.
Duration: Jun 2021 - Aug 2021
Duration: Jun 2021 - Aug 2021
Project Type: School Individual Project
Project Type: School Individual Project
Category: UI/UX Visual Design
Category: UI/UX Visual Design
Figma
Figma
Figma
![](https://framerusercontent.com/images/xBM8vFMkaVcw95BpiH80kermAVM.png)
![](https://framerusercontent.com/images/xBM8vFMkaVcw95BpiH80kermAVM.png)
Micro-Interaction
Micro-Interaction
Micro-Interaction
User Research
User Research
User Research
After Effects
After Effects
After Effects
![](https://framerusercontent.com/images/kMC9i53hL9vN3udpVAmNCLL4apY.png)
![](https://framerusercontent.com/images/kMC9i53hL9vN3udpVAmNCLL4apY.png)
UI/UX Design
UI/UX Design
UI/UX Design
User Testing
User Testing
User Testing
Events On Map
Events On Map
Scroll Through Any Live Events on the Map
Scroll Through Any Live Events on the Map
Events Through Live Stream
Events Through Live Stream
Look through all events In Live to know what you've got used to do
Look through all events In Live to know what you've got used to do
Book Your Event
Book Your Event
Book it when you see it, Take the best seat and enjoy the best experience
Book it when you see it, Take the best seat and enjoy the best experience
Community to Share Events
Community to Share Events
Know and Share memorable experience in event community
Know and Share memorable experience in event community
Host Your Own Event
Host Your Own Event
Being the Host of Event and Invite People Around You
Being the Host of Event and Invite People Around You
MY IDEA CAME FROM
MY IDEA CAME FROM
![](https://framerusercontent.com/images/3Gpf8VUYrOhRiHfNBt2Rk0i88U.png)
EXPECTED
![](https://framerusercontent.com/images/5idj5Ixc3np01AtGTZ1D0YKmB7g.png)
REALITY
![](https://framerusercontent.com/images/3Gpf8VUYrOhRiHfNBt2Rk0i88U.png)
EXPECTED
![](https://framerusercontent.com/images/5idj5Ixc3np01AtGTZ1D0YKmB7g.png)
REALITY
![](https://framerusercontent.com/images/3Gpf8VUYrOhRiHfNBt2Rk0i88U.png)
EXPECTED
![](https://framerusercontent.com/images/5idj5Ixc3np01AtGTZ1D0YKmB7g.png)
REALITY
While my friends and I visit some famous spots and places, we still want to feel more about the culture and have more fun. But we ended up with laying on the hotel bed, scrolling on our phones. Because we have no idea where to go.
While my friends and I visit some famous spots and places, we still want to feel more about the culture and have more fun. But we ended up with laying on the hotel bed, scrolling on our phones. Because we have no idea where to go.
DATA COLLECTED
The Pandemic is reaching its end, but people have not recovered from it.
The Pandemic is reaching its end, but people have not recovered from it.
28%
28%
Described how the physical or mental health of themselves or the people they care about has degraded as the pandemic has dragged on
Described how the physical or mental health of themselves or the people they care about has degraded as the pandemic has dragged on
32%
32%
Mentioned ways that the pandemic has limited what activities they can engage in or how they otherwise use their free time
Mentioned ways that the pandemic has limited what activities they can engage in or how they otherwise use their free time
20%
20%
Will be around the US, to help release stress and restore people’s senses of well-being, recreating the energy of society
Will be around the US, to help release stress and restore people’s senses of well-being, recreating the energy of society
Data Collected
The Pandemic is reaching its end, but people have not recovered from it.
28%
Described how the physical or mental health of themselves or the people they care about has degraded as the pandemic has dragged on
32%
Mentioned ways that the pandemic has limited what activities they can engage in or how they otherwise use their free time
20%
Will be around the US, to help release stress and restore people’s senses of well-being, recreating the energy of society
I did detailed interviews with a few people, and here are what I found
I did detailed interviews with a few people, and here are what I found
I did detailed interviews with a few people, and here are what I found
![](https://framerusercontent.com/images/hnOHf7Ab7xPYQnAO4F48fQVvu8.png)
Xinran
Xinran
A young college girl
who likes to travel difference places
A young college girl
who likes to travel difference places
Interviewee 1
Find it no worth to go when already visited here
Find it no worth to go when already visited here
Have no idea about the actual scheduel of the event
Have no idea about the actual scheduel of the event
Messy recommandation
Messy recommandation
Some events appears to be too far away
Some events appears to be too far away
![](https://framerusercontent.com/images/IQpsQxaZVe43k3Z3PqH7NgEsOcE.png)
Billy
Billy
Interviewee2
A Traveler who likes to
hang around different cities
A Traveler who likes to
hang around different cities
Find it no worth to go when already visited here
Find it no worth to go when already visited here
Have no idea about the actual scheduel of the event
Have no idea about the actual scheduel of the event
Messy recommandation
Messy recommandation
Some events appears to be too far away
Some events appears to be too far away
Painpoint
Painpoint
Painpoint
Have no idea where to go
Not sure if it is accessable
Unable to know what’s going on
Worry about if it is worth to go
Have no idea where to go
Not sure if it is accessable
Unable to know what’s going on
Worry about if it is worth to go
I Analyzed the Market, and Here's What I Found
I Analyzed the Market,
and Here's What I Found
![](https://framerusercontent.com/images/Pxw3Y64MHLjL9C0bPaapC0IKig.png?scale-down-to=4096)
![](https://framerusercontent.com/images/Pxw3Y64MHLjL9C0bPaapC0IKig.png?scale-down-to=4096)
![](https://framerusercontent.com/images/Pxw3Y64MHLjL9C0bPaapC0IKig.png?scale-down-to=4096)
Brief Conclusion
Brief Conclusion
People desire to GO OUT and HAVE FUN, Especially after the pandemic period
People desire to GO OUT and HAVE FUN,
Especially after the pandemic period
People desire to GO OUT and HAVE FUN,
Especially after the pandemic period
Events are There, But Not Here yet
Events are There, But Not Here yet
The market offers unlimited live events and information. However, competitors are lacking of some key features. They are either not aimed to be a path to find events or making people having a hard time to find the event they want which is happening right now.
The market offers unlimited live events and information. However, competitors are lacking of some key features. They are either not aimed to be a path to find events or making people having a hard time to find the event they want which is happening right now.
![](https://framerusercontent.com/images/LOZUvvdLLxwMprBbiOh64oRc.png)
My Statement is:
How Might We create a Easier Path for people who want to have more fun to find attractive LIVE Events Around Them? After the pandemic of Covid-19.
![](https://framerusercontent.com/images/LOZUvvdLLxwMprBbiOh64oRc.png)
My Statement is:
How Might We create a Easier Path for people who want to have more fun to find attractive LIVE Events Around Them? After the pandemic of Covid-19.
![](https://framerusercontent.com/images/LOZUvvdLLxwMprBbiOh64oRc.png)
My Statement is:
How Might We create a Easier Path for people who want to have more fun to find attractive LIVE Events Around Them? After the pandemic of Covid-19.
I Place My App to be Here
I Place My App to be Here
![](https://framerusercontent.com/images/aJoylm8p2IFathdDSHHjZMA3woM.png?scale-down-to=4096)
![](https://framerusercontent.com/images/aJoylm8p2IFathdDSHHjZMA3woM.png?scale-down-to=4096)
![](https://framerusercontent.com/images/aJoylm8p2IFathdDSHHjZMA3woM.png?scale-down-to=4096)
Persona
Persona
![](https://framerusercontent.com/images/f6hpm9QBsT5DP4uTfHf85j7eUA.png)
Catherine | 23
Catherine | 23
A College Student lives in Paris
A College Student lives in Paris
A College Student lives in Paris
Passionate about Music and Paintings
Passionate about Music and Paintings
Interested in exploring the areas around her
Interested in exploring the areas around her
Go to serval livehouse shows every month
Go to serval livehouse shows every month
Love to view different shows in galleries
Love to view different shows in galleries
Intro
Intro
Intro
Katherine is a college student and likes to spend her time with her friends together. However, every time when she and her friends decides to go to different places and have fun, there are always some spare time left to them. She wonders if she could use these spare time to explore something more. But she has no access to find them..
Katherine is a college student and likes to spend her time with her friends together. However, every time when she and her friends decides to go to different places and have fun, there are always some spare time left to them. She wonders if she could use these spare time to explore something more. But she has no access to find them..
Katherine is a college student and likes to spend her time with her friends together. However, every time when she and her friends decides to go to different places and have fun, there are always some spare time left to them. She wonders if she could use these spare time to explore something more. But she has no access to find them..
Needs:
Needs:
Needs:
Get access to live events around her when she has spare time.
Get access to live events around her when she has spare time.
Get access to live events around her when she has spare time.
Recommendations about event she and her friends could possibly enjoy
Recommendations about event she and her friends could possibly enjoy
Recommendations about event she and her friends could possibly enjoy
A clear image of “What is the event”, like the environment, the location and how many people are there.
A clear image of “What is the event”, like the environment, the location and how many people are there.
A clear image of “What is the event”, like the environment, the location and how many people are there.
Goal:
Goal:
Goal:
Create a map to show what is going on nearby and shows the recommendation that users like.
Create a map to show what is going on nearby and shows the recommendation that users like.
Create a map to show what is going on nearby and shows the recommendation that users like.
Give a more straight and comprehensive space for users to understand what the event or place is.
Give a more straight and comprehensive space for users to understand what the event or place is.
Give a more straight and comprehensive space for users to understand what the event or place is.
Display where the place exactly is and how to get there directly on the map.
Display where the place exactly is and how to get there directly on the map.
Display where the place exactly is and how to get there directly on the map.
User Journey Map
User Journey Map
![](https://framerusercontent.com/images/wJPIl2doReDzOXZXE4jvGsLMTiU.png)
![](https://framerusercontent.com/images/wJPIl2doReDzOXZXE4jvGsLMTiU.png)
![](https://framerusercontent.com/images/wJPIl2doReDzOXZXE4jvGsLMTiU.png)
I'm Trying to Figure Things Out By:
I'm Trying to Figure Things Out By:
A Map which is easy to access and shows all the live events around
A Map which is easy to access and shows all the live events around
Video Stream Feature giving people a intuitive and more detailed way to find events
Video Stream Feature giving people a intuitive and more detailed way to find events
A Community feature to know and share idea about different events
A Community feature to know and share idea about different events
An opportunity to start your own events
An opportunity to start your own events
A Map which is easy to access and shows all the live events around
Video Stream Feature giving people a intuitive and more detailed way to find events
A Community feature to know and share idea about different events
An opportunity to start your own events
Eco-System
Eco-System
![](https://framerusercontent.com/images/o5mvGKNmDuJHfigwvm0Omk9MRY.png)
![](https://framerusercontent.com/images/o5mvGKNmDuJHfigwvm0Omk9MRY.png)
![](https://framerusercontent.com/images/o5mvGKNmDuJHfigwvm0Omk9MRY.png)
Workflow
Workflow
![](https://framerusercontent.com/images/yT1IzxLk02Va4HQ60OQCvKwZ7vM.png)
![](https://framerusercontent.com/images/yT1IzxLk02Va4HQ60OQCvKwZ7vM.png)
![](https://framerusercontent.com/images/yT1IzxLk02Va4HQ60OQCvKwZ7vM.png)
Initial Prototypes
Initial Prototypes
![](https://framerusercontent.com/images/sNRAWLRExfOwVNQXIuN9D7yf5fg.png?scale-down-to=2048)
![](https://framerusercontent.com/images/sNRAWLRExfOwVNQXIuN9D7yf5fg.png?scale-down-to=2048)
![](https://framerusercontent.com/images/sNRAWLRExfOwVNQXIuN9D7yf5fg.png?scale-down-to=2048)
DESIGN METHOD
To Make a Satisfying Experience, I Explored a New Form to Display Events
To Make a Satisfying Experience,
I Explored a New Form to Display Events
To Make a Satisfying Experience,
I Explored a New Form to Display Events
How Events Transform
How Events
Transform
Different Events Change on Map
Different Events
Change on Map
![](https://framerusercontent.com/images/sJ6LYwrgM8OjbAEEiSOzxge58TE.png)
![](https://framerusercontent.com/images/sJ6LYwrgM8OjbAEEiSOzxge58TE.png)
![](https://framerusercontent.com/images/sJ6LYwrgM8OjbAEEiSOzxge58TE.png)
Visual Design of Map
Colors Refers to Event Types
Colors Refers to Event Types
Using different and vibrant colors to representing different categories of event would let users spend less time to find the event type they are interested in and creating a more interesting interface to look around
Using different and vibrant colors to representing different categories of event would let users spend less time to find the event type they are interested in and creating a more interesting interface to look around
![](https://framerusercontent.com/images/e2o9rBqroifZ4FxNejG482npvxs.png)
![](https://framerusercontent.com/images/e2o9rBqroifZ4FxNejG482npvxs.png)
![](https://framerusercontent.com/images/e2o9rBqroifZ4FxNejG482npvxs.png)
![](https://framerusercontent.com/images/9BglHx7s6T5Lmc175sBZNVpbKBg.png)
![](https://framerusercontent.com/images/9BglHx7s6T5Lmc175sBZNVpbKBg.png)
![](https://framerusercontent.com/images/9BglHx7s6T5Lmc175sBZNVpbKBg.png)
Floating Menu & Search Bars
Floating Menu & Search Bars
Since I'm using the Map and Video Stream as the key features, I decided to use a more immersive way to pin the content, by making buttons and bars floating, it creates a 3-dimension view of the interface, making it more immersive
Since I'm using the Map and Video Stream as the key features, I decided to use a more immersive way to pin the content, by making buttons and bars floating, it creates a 3-dimension view of the interface, making it more immersive
Micro-Interactions
Micro-Interactions
During the design process, I also learn from some of my inspirations, by using different Micro-Interactions in different feature, it really enhances and courages user to be motivated and the scroll through pages.
During the design process, I also learn from some of my inspirations, by using different Micro-Interactions in different feature, it really enhances and courages user to be motivated and the scroll through pages.
It's not just there, I improved it over time
It's not just there, I improved it over time
With the interest of exploring interface forms and micro-interactions, I tried to improve the interface over time.
With the interest of exploring interface forms and micro-interactions, I tried to improve the interface over time.
![](https://framerusercontent.com/images/XJs0ERDmdbGUMhHY2meClSyX8Mg.png?scale-down-to=2048)
![](https://framerusercontent.com/images/ZrswPUwU27XUlaIGPJtwFVE9gzk.png?scale-down-to=2048)
![](https://framerusercontent.com/images/6nTbPO6ob8eqFzY36LTcG9yv8.png?scale-down-to=2048)
Style Guide
Style Guide
![](https://framerusercontent.com/images/3MzXMF2M6h1jrhtdXp0awclTcVU.jpg?scale-down-to=4096)
![](https://framerusercontent.com/images/3MzXMF2M6h1jrhtdXp0awclTcVU.jpg?scale-down-to=4096)
![](https://framerusercontent.com/images/3MzXMF2M6h1jrhtdXp0awclTcVU.jpg?scale-down-to=4096)