.png)
LOCALEYEZ
An events app powered by machine learning that helps suggests events as per the likings and interest of the User's
PROTOTYPE
Onboarding Animation
User Onboarding Prototype
Returning User Prototype
Summary
With the latest in machine learning, we have started depending more and more on technology to find us what we desire effortlessly, hence LocalEyez a web application startup that helps suggest users events and experiences in their city decided to transition their Web Application to a mobile app powered by machine learning.
Problem Statement
My challenge was to convert an event web application LocalEyez to a Mobile App which with the help of benchmarking and machine learning creates a list of activities as per users' likes, Interests, and preferences. The main challenge was to
• To help users find activities they want to go to?
• To make users be more engaged with the app?
• To make users feel that they have control over what they see on the app?
Target Audience
-
Age: 21 to 50 years old
-
Annual income: $30,000 to $120,0000
-
Location: Large Urban Areas, United States
-
Interests: Food Tours, Bar Crawls, Trivia Nights, Hiking, Festivals, Block Parties, Art Walks, Sports, Nightlife, Concerts, Board Games, Family Friendly, Bowling
-
Attitudes: Optimistic, Social, Seeks Spontaneity
-
Challenges: Social Isolation due to Urban Culture, Lack of Time and Organization for Family Outings, Friends are Picky
Roles: UX Researcher, UX/UI Design, Usability Test, Prototyping
Tools: Figma, Notion, Google Suit, Miro, Maze Usability Test
Team: Petra, Lionel
Revamp the UI to better refect the current UI trends
Designed an onboarding that benchmarks the user's interests and helps users find events effortlessly
Introduced the feature of User retainment by gamifying the app with referral points
Before transitioning the Web application to Mobile app, I studied the User Research (Competitive Analysis, User Persona) Site Map, Wireframes, UI and branding provided by Petra, lead Product Designer. Lionel, product manager had the idea to create Localeyez mobile app to have onboarding flow and machine learning feature similar to apps like Airbnb experience classpass, meetup and foursquare. After studying the materials provided I created onboarding flow for the mobile app and a new User Flow, made necessary changes to Site Map, created new set of wireframes for the Mobile app and created a new branding to match the current trends. Here is the glimpse of the competitive research provided by the team.
Comparable Analysis
Solution
Transitioned the Web application to the Mobile app by by rebranding the app after studying the pre-created comparative research, personas, and market research for inspiration.
FourSquare
Foursquare is a location technology company that consists of two apps, Foursquare and Swarm. Their B2B offerings include Places (for developers), Pinpoint and Attribution (for marketers), and Place Insights (for analysts, based on the world's largest foot traffic panel).
Airbnb Experiences
This is Airbnb's initiative to build connections between its visiting customers and locals. Users can choose categories, hosts, and locations to find something that interests them. Categories for experiences include animals, cooking, adventures, and more. Choosing a host allows users to select an experience by clicking on an image of a person and a description of the activity, such as "mole cooking class with an Indigenous cook." And users can search for locations to stay in either locally or around the world.
.png){kind=small}
.png){kind=small}
Meetup
Meetup is an online service used to create groups that host local in-person events. The company had more than 35 million users as of 2017. Customers can use Meetup for networking purposes, to make new friends, or to find an activity group.
USER PERSONA
USER PERSONA
.png)
Site Map and Wireframes from Localeyez Web Application
The following desktop site map was provided to use as a guide for the mobile version. During the transitioning phase, I made some changes to this site map to better suit the User experience.
.png)
Site Map (Mobile App)
Wireframe
The main challenge was to create the events page, which makes the user feel it is customized per their needs and likings and yet let them explore something new. My second challenge was to create an onboarding process that would be key to Machine learning and gives every user a unique spread of events.
Mood Board, Branding and Style Tile
Based on LocalEyez's current mood board provided to me, I created a new mood board to reflect fun outdoors, freedom, joy, warmth, enjoyment, stimulation, and happiness. I decided to stick with Blues and Browns to top match with the current color palate and introduced an orange color to give an uplift to the color palette and also to bring warmth, creativity, and spontaneity.
Also, created a new logo for the branding. After iterating for a few logo options I decided to create an onboarding logo animation telling the potential of the LocalEyez app leading to the final logo.
Mood Board and Color Palette provided by LocalEyez
Mood Board
.png)
Logo Iteration
Style Tile
.png)
Logo
High-Fidelity Wireframe
After Branding and Style tile were nailed, I shifted my focus to High Fidelity Wirefrmaes
.png)