LocalEyez

UI

OVERVIEW

LocalEyez suggests local events and experiences determined by your interests. The app will use your location, time (date and year), your interests, and information about your lifestyle to provide you with personalized activities.

ROLES & RESPONSIBILITIES

  • Lead product designer.
  • Learning about the product, and creating deliverables such as mood boards, low-fidelity and high-fidelity wireframes, prototypes, and conducting usability tests.

PROBLEM STATEMENTS

  • How can users find activities they want to go to?
  • How can users be more engaged with the app?
  • How can users feel that they control over what they see on the app?
Audience
  • Age: People around the age of 21 to 50 years old.
  • Annual Income: $30,000 - $120,000.
  • Location: Large urban areas in the US.
  • People interested in: Food Tours, Bar Crawls, Trivia Nights, Hiking, Festivals, Block Parties, Concerts, Board Games, Family Friendly, Bowling
  • Optimistic, and Social people.
  • Users who feel social isolation due to urban culture or/and lack time
PROCESS

COMPETITIVE ANALYSIS (*Provided)

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.

ClassPass: Classpass is a fitness membership that gives its customers a range of exciting workout choices. Founded in 2013, ClassPass has over 8,000 partners in 39 cities worldwide, allowing its users to work out wherever they live and travel. Its proprietary technology lets users choose from over a million fitness classes in an easy booking process.

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).

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.

UI INSPIRATIONS

LEMONADE

Some of our competitors who stood out had some elements that I did want to also include into my design. 

Lemonade is an insurance company, but they utilize AI to help renters and homeowners understand the ins and outs of insurance at great prices without having to deal with brokers.

Strengths

  • They provide more independence and ownership to their customers.
  • They use a chatbot to help guide customers through the process. This chatbot uses machine-learning to suggest options for customers.
  • Minimal human intervention while still making the customers feel seen and understood.

Weaknesses

  • The process of purchasing insurance for a home is tedious and they use language that an average buyer may not be familiar with.

Opportunities

  • I could incorporate the chatbox idea into my UI pattern and design.
USER PERSONAS

The project provided some personas; however, I redid the deliverables to make it match the overall design of the project. The personas are listed below:

SITE MAP

The site map shows the flow that users can take in and through the app.

WIREFRAMES

After understanding how customers would interact with the app, I started to create a low-fidelity wireframe for the app. You can take a look here or you can click the image/prototype below.

Mood board

This is my initial mood board for the app and these were some images that inspired my color palette. These images also show the sort of impression I wanted the users to feel as they entered and used the app. I will discuss more on the impression in my style tile and typography section.

Logo

The logo for the brand is a logotype of the company using the Poppins family to give it a modern, minimal touch to it.

STYLE TILE

I was aiming for a very welcoming impression that looked and felt modern, but with a hint of elegance to it. The shade of pink (#EEB1A4) is my primary color and it represents the warm and friendly feel to the brand. The dark shade of blue-ish green represents the brand elegance and the tone of pink was what added the modern touch to the brand.

Since Neumorphism is an ongoing trend, I wanted to try my hand in it, and this was the perfect app to do so. This trend also adds some class and the same modern vibe that I wanted from the app.

TYPOGRAPHY

The main inspiration for my typography is based around modern fonts. I decided to invest completely on San Serif because of how legible it is and accessibility was one of my main focuses for the project, followed by minimalism. Sans Serif is also a very common typeface among top technology companies, such as Google, etc.  at the moment. 

FINAL PROTOTYPE

As mentioned before, I wanted my app to feel very minimal while keeping accessibility in mind. Therefore, most of my animations that I included are very subtle and quick. If interested, you can check my final prototype here or you can click the image/prototype below.

OUTCOMES & RESULTS

SOLUTION OVERVIEW

Through all of this research and by using the app, the customers should be able to do the following: 

TESTING

After having my final prototype, I conducted a behavioral interview with some of users and these were the results. Even though I was only able to get five users, the insight from these results were still very valuable.

FINAL THOUGHTS

This was a first of a kind project and I wasn't well-versed in how exactly machine-learning and AI worked; therefore, I did have to do a little more research . Learning about UI patterns and how different brands have different UI libraries was also enlightening because it shows there are ways to make things more easier for me later on and it also shows that learning about time-reducing techniques can eventually give me more time to work on other aspects of the project. In that aspect, this was a great experience and very much an eye opening one as well.

Thank You!
Back to Top