LocalEyes is an events website that uses machine learning to select local events for users. They do not currently have a mobile version and need an app as well as new branding. Their onboarding, user profile, and events feed need to be created.
An App that lets you find events in your area based on your interests and attendance at other events.
Part of this design challenge was to use wireframes from this fictional company's website to see the type of features needed for the mobile app. The app would need a personalized feed of events cards with images, descriptions, and ability to like/save. Here are the wireframes I was given:
Next I did a competitive analysis with 3 popular events apps. Here were some key takeaways:
I did a card sort to reorganize the Information Architecture in order to design for mobile, I used their old wire frames as a basis for my Information but changed "My Events" to multiple carousels based on interests.
Part of this design challenge was to use wireframes from this fictional company's website to see the type of features needed for the mobile app. The app would need a personalized feed of events cards with images, descriptions, and ability to like/save. Here are the wireframes I was given.
Borrowing from Meetup, I used a two step onboarding process to help train the AI, so the user can get good suggestions.
Use of pills to add subcategories which change which events are shown in your feed/recommedations.
The events feed is customized based you onboarding selections. Carousels let you side scroll different events in categories.
Profile has Event Types, where you are able to change interests. Profile also contains Past Events and Payment info for buying tickets.
One of the tasks was taking a relatively plain Web UI and Turning it into a more fun mobile app. I wanted the colors and type to convey this mood. I decided to be very playful with colors. But would it work for users?
Style Tile
I started making HiFi mockups to build a prototype and start usability testing. I used photos for categories to convey the mood of excitement, creativity, etc.
I conducted user tests with 3 users via Zoom, and one of the main issues was
readability. I addressed this by changing the colors to be more readable as well
as more exciting and vibrant.
Tasks
Simplified color scheme
Added drop shadows to "like" hearts to improve visibility
Improved readability by using better color contrast and simplifying the
color scheme.
Stronger feedback on select state with bolder checkmarks
Changed to "Add to RSVP" to minimize confusion
An app that lets you find events in your area based on your interests and attendance of other events.
View Prototype