Image of app mockups.

Find events you love with LocalEyez

Project Detail


UX, UI, Visual Design


Timeline: 1 Week
Team: UX/UI Designer, Mentor
Tools: Figma, Illustrator


Interface Inventory
Competitor Analysis
Style Tile
UI Component
Custom Icon
Interaction & Animation Design
Guerilla Testing


LocalEyez is a fictional up-and-coming startup that focuses on aggregating a list of activities specific to the user's preferences. This service is currently only available on the web, and the company wants to expand into the mobile platform.

My challenge was to design the mobile version of LocalEyez, using the existing target audience, user personas, logotype, color palette, mood board, and the website version's sitemap and wireframe.


The project's goal is to allow users to find fun events specific to their preferences to attend. The problems that need to be solved are:

How can users find activities they want to attend?

How can users be more engaged with the app?

How can users feel that they have control over what they see on the app?


I designed a mobile application that uses machine learning to customize the experience for the user based on their preference. I created an appealing interface with fun micro-interactions to bring the user delights.

My Process

Users / 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

UI Inventory

I created a UI inventory of the elements from the website's wireframes and information architecture. This artifact helps to ensure all relevant components are included within the design and that they are consistent.
Collection of different UI components.

Competitor Analysis

I research similar companies and products to see how the competitors used UI patterns to solve their app problems.
Using Benchmarking, I identify the correct usage of the design patterns seen in existing products to remix for my design.
What they did well:
Allows personalization - by letting the user define their interests.

Search filter - Allows the user to narrow query results.

Card design pattern - organize and contain event details with multiple data types (images, text, interaction). Ensure consistency.

Carousel design pattern - Reduce cognitive overload by allowing the user to concentrate attention on a few items at a time.

Solution sketches

I start coming up with solutions to the problem statements by sketching. This process allows for quick and iterative explorations.

I did sketched the onboarding flow, event feeds, user profile, and other UI components like cards and micro-interactions.

These sketches are the foundation for the wireframe creation in the next step.

Lo-fi wireframes

Using the sketches as a guide, I created lo-fi wireframes to test flows and information architecture.

Guerilla test

I conducted guerilla usability testing to get feedback on the design solutions. Due to the Covid pandemic, I ran the test through Zoom.

Result sumary

Positive feedback
The participants found the design to clean and the flows make sense, and the animation used in micro-interaction is fantastic and is a nice touch to bring delight to the users.
Opportunities to improve:
It was not evident to the participant how they may edit their interest preference in the user profile. This issue may be due to a proximity issue.
The participants didn't understand the purpose of having a contact button in their profile meant for them to see.
The interest section in the user profile wasn't as evident to the user.
Taking the guerilla test's feedback into consideration, I made changes to improve the app's design.

Outcomes & Results

The final design is the result of iterations based on usability test insights. The next step would be to validate the changes made before delivering the product to the client.

Personalization Through Onboarding:The onboarding process provides an opportunity to understand the users' preferences. This information helps the app find fun events tailored to the users' interests.

Give the user control through customization:The app gives the user control over their preferences by allowing them to edit their interests and, in turn, their event feed.

Keeping users engaged:Setting and editing event interests and micro-interactions provides personalized information that makes it more relevant to the user and more interactive and fun.

Thank you for reading