end-to-end mobile app

Your all-access pass to vibrant local scenes and global adventures.

COMPANY

Collective

ROLE

UX Designer

EXPERTISE

UX/UI Design

YEAR

2024

Weather app image
Weather app image
Weather app image
Weather app image
Weather app image

Overview

Overview

Collective is a mobile app designed to showcase a wide range of local events, happy hours, volunteer opportunities, and community involvement activities. The app aims to cater to both local residents and travelers, providing them with a convenient platform to discover exciting experiences no matter where they are.

Problem

Problem

Many people face the challenge of staying informed about local events, shops, and deals in their area or when traveling. There is a need for a user-friendly app that provides a seamless experience for discovering what's happening now in various locations.

Solution

Solution

Build a local and traveler-friendly app. This app will provide a customized platform for users to explore, bookmark, and participate in events, regardless of location.

Process

Process

Research

Competitive Analysis

Competitive Analysis

I analyzed the top four competing event/community apps to understand their customer service strategies and problem areas. This SWOT analysis helped me identify potential features to add and issues to fix.

Secondary Research

50,000

Restaurants opening each year have been steadily increasing in recent years.


59%

Consumers frequently look for deals on mobile apps, and apps offering local experiences and personalized community content are gaining popularity.

$5.81 Tn

Travel and tourism contributes $5.81 trillion to the global economy

  • Eventbrite is a well-known brand offering a variety of events.

  • Fever targets a specific market with curated events.

  • Meetup is popular for its wide range of interest-based groups.

  • Nextdoor is unique for its local community engagement, although it has some limitations in event-specific features.

Secondary Research

Secondary Research

50,000

Restaurants opening each year have been steadily increasing in recent years.

59%

Consumers frequently look for deals on mobile apps, and apps offering local experiences and personalized community content are gaining popularity.

$5.81 Tn

Travel and tourism contributes $5.81 trillion to the global economy

50,000

Restaurants opening each year have been steadily increasing in recent years.

59%

Consumers frequently look for deals on mobile apps, and apps offering local experiences and personalized community content are gaining popularity.

$5.81 Tn

Travel and tourism contributes $5.81 trillion to the global economy

User Interviews

User Interviews

The interview focused on understanding user habits and preferences about local information, including their attendance at local events, information sources, issues with existing platforms, behavior in new cities, and favorite app features.

The 5 interviewees expressed interest in discovering local events and activities. They generally find these events through various platforms such as Facebook, Instagram, TikTok, Yelp, newsletters, and Google Maps.

Some interviewees also mentioned they value reviews and shared experiences when deciding whether to attend an event or visit a location. They are interested in apps that can provide details about events, show who's attending, and offer the ability to read reviews.

However challenges were highlighted, such as difficulties in finding people to attend with, lack of detailed information, and discovering events after they have occurred.

Define

Define

Affinity Map

In the interview, similarities were pinpointed and sorted into a categorized affinity map featuring habits, travel behaviors, event types, event discovery methods, and needs and pain points.

User Needs

The ability to search for events based on their interests, such as live music, dining, fitness, and the arts. Their problems include finding events, staying updated, finding companions, and managing costs. There is also a desire for community features and volunteering opportunities.

POV

I want to explore methods to assist people in discovering local and travel happenings while keeping them informed about upcoming events.

I’d like to explore ways to help users find events or interests catered to their preferences and answer any questions they may have.

HMW

How might we empower users to effortlessly discover upcoming events in their area, ensuring they are informed beforehand and reducing the common frustration of learning about events after they occur?

How might we develop an event platform that caters to the users’ unique preferences, fostering a sense of community engagement and providing comprehensive answers to their event-related inquiries?

Ideate

POV

I want to explore methods to assist people in discovering local and travel happenings while keeping them informed about upcoming events.

I’d like to explore ways to help users find events or interests catered to their preferences and answer any questions they may have.

HMW

How might we develop an event platform that caters to the users’ unique preferences, fostering a sense of community engagement and providing comprehensive answers to their event-related inquiries?

How might we empower users to effortlessly discover upcoming events in their area, ensuring they are informed beforehand and reducing the common frustration of learning about events after they occur?

User Personas

New City Explorer

Jen, a new resident in Chicago, is nervous about exploring alone but is motivated by social media events to step out of her comfort zone and meet locals.

Budget-Conscious Traveler

Alex, a budget-conscious student, enjoys traveling, searches online for affordable destinations, and makes lists of potential activities.

Task Flow

Task Flow

The test flow was developed for onboarding, event searching, exploring tabs, and monitoring the social feed.

User Flow

User Flow

The user flow starts with an easy onboarding process for account signup or login, followed by the event location search. Then, a personalized event feed based on user preferences is presented. The user participates in events and interacts with attendees, promoting engagement and connections in the event community.

Design

Mid-Fi Wireframes

Visual Design

Collective refers to a group of entities united by at least one common interest or goal. The brand espouses values of Adventure, Welcoming, Empowerment, and Collaboration, which I encapsulated in the created color palette

Hi-Fi Wireframes

Testing

Testing

Usability Testing

Usability Test Results

Tasks

1. Sign up for an account & select interest

2. Explore the homepage & search New York events

3. Filter New York events by category and RSVP to Sunday Fun Run

4. View Social & Follow Attendee

Goal

To assess feature effectiveness, tool functionality, and task completion proficiency.

FINDINGS

  • 5/5 users completed the onboarding process, including selecting interests and setting their location with zero errors.

  • 3/5 wished they could bookmark the event while scrolling.

  • 5/5 users navigated through the filter feature with zero errors.

  • 5/5 users prefer to message or reply directly from comments instead on navigating to the users' profiles.

ITERATIONS

  • Direct Reply: Add a ‘Reply’ to the comment section allowing users to reply directly or to the group. This will make it a more efficient way for users to connect.

  • Bookmark Event: Adding a Bookmark feature to the event card, so users can save multiple events at a time while browsing.

  • Cancel Event: One user wanted to know how to cancel an event. It'll clear up any confusion by adding a Cancel Event section.

  • Profile Features: 3/5 Users noted the profile page seemed to be missing something and the Saved Interest looked like an event card. This can be improved by adding a badge and icons to indicate interest.

  • Filter Button: While users found the Filter option, two pointed out it might be hard to see with a different image. A button will make it easier to see.

  • Price Range: Knowing the cost was important to two users, having a price range on the card can help users decide which events to attend.

Goal

To assess feature effectiveness, tool functionality, and task completion proficiency.

1. Sign up for an account & select interest

2. Explore the homepage & search New York events

3. Filter New York events by category and RSVP to Sunday Fun Run

4. View Social & Follow Attendee

Tasks

Goal

To assess feature effectiveness, tool functionality, and task completion proficiency.

Tasks

1. Sign up for an account & select interest

2. Explore the homepage & search New York events

3. Filter New York events by category and RSVP to Sunday Fun Run

4. View Social & Follow Attendee

Tasks

1. Sign up for an account & select interest

2. Explore the homepage & search New York events

3. Filter New York events by category and RSVP to Sunday Fun Run

4. View Social & Follow Attendee

Usability Test Results

FINDINGS

  • 5/5 users completed the onboarding process, including selecting interests and setting their location with zero errors.

  • 3/5 wished they could bookmark the event while scrolling.

  • 5/5 users navigated through the filter feature with zero errors.

  • 5/5 users prefer to message or reply directly from comments instead on navigating to the users' profiles.

ITERATIONS

  • Direct Reply: Add a ‘Reply’ to the comment section allowing users to reply directly or to the group. This will make it a more efficient way for users to connect.

  • Bookmark Event: Adding a Bookmark feature to the event card, so users can save multiple events at a time while browsing.

  • Cancel Event: One user wanted to know how to cancel an event. It'll clear up any confusion by adding a Cancel Event section.

  • Profile Features: 3/5 Users noted the profile page seemed to be missing something and the Saved Interest looked like an event card. This can be improved by adding a badge and icons to indicate interest.

  • Filter Button: While users found the Filter option, two pointed out it might be hard to see with a different image. A button will make it easier to see.

  • Price Range: Knowing the cost was important to two users, having a price range on the card can help users decide which events to attend.

Iterations

Profile Page

The profile page was redesigned with edits like transforming the card-like saved interest section into icons, spreading out text for readability, reducing margins for more space, and improving the bookmark feature for better accessibility.

Friends Page

The friend's page underwent similar edits as the profile page, including rearranging the heading and transforming the interest section into visually appealing icons.

Search Results

Search results page was improved based on user feedback. The hard-to-see filter button was replaced, margins reduced, and buttons given less rounded corners for a cleaner look.

Event Page

Icons were updated and photos rearranged for better aesthetics. Font size was increased for visibility. User feedback led to the inclusion of price range in the heading and direct comment replies in the revisions.

Reflection

Reflection

This UX case study has highlighted the significance of prioritizing user needs and continuously improving designs based on their feedback, leading to my growth as a designer. Despite the time constraints of the project, I successfully focused on the essential features that enabled users to achieve their goals.

Throughout this experience, I embraced an iterative design approach and actively sought feedback at every stage of the process. I also recognized the importance of utilizing auto layout and creating reusable design elements, while maintaining a well-organized library to seamlessly implement changes throughout the design.


In my next project, I will dedicate more time to finalizing the UI before starting the prototyping phase. I will also conduct additional research on UI tools and gather valuable tips to improve my future projects.

This UX case study has highlighted the significance of prioritizing user needs and continuously improving designs based on their feedback, leading to my growth as a designer. Despite the time constraints of the project, I successfully focused on the essential features that enabled users to achieve their goals.

Throughout this experience, I embraced an iterative design approach and actively sought feedback at every stage of the process. I also recognized the importance of utilizing auto layout and creating reusable design elements, while maintaining a well-organized library to seamlessly implement changes throughout the design.


In my next project, I will dedicate more time to finalizing the UI before starting the prototyping phase. I will also conduct additional research on UI tools and gather valuable tips to improve my future projects.