Background

Collective is a mobile app that can provide event attendees and hosts with access to further networking opportunities at the click of a button. The app aims to create opportunities in order to resolve these issues:
Research and data collected showed that event attendees aren’t able to connect with like-minded individuals before, after or during events
Networking is mainly done on social media apps, and there is no platform that encompasses infomartion needed for events while also allowing you to connect with industry acquaintances, or even business partners.
I designed the user experience and interface of the app, and performed the following tasks:
- Ideation and User Research
- Sketching and Wireframing
- Prototyping with Figma

Problem

Current event apps have resources for participants attending. However, there’s a lack of support for users during these events. These apps are not allowing users to connect with fellow attendees before, during and after events socially. Unfortunately, these apps usually only offer resources that cover the schedule of events, ticket registration and are not in use once the event is over.

The lack of a platform to support users in these endeavors points to an opportunity in the market to create a mobile application that helps users with networking, before, after, and during events.

User Research

With research goals in mind, contextual information about the networking market conducted in order to get a better understanding of the target users.

Secondary Research: Identified a baseline for what users expect from an onsite event app.

Semi-Structured Interviews: Interviews with two users were conducted to further explore issues faced when attending networking events.

User Persona

After several interviews, I created the following persona based on the information I received to understand typical users' needs and desires which in turn helps me build more usable product.

Design Process

The design phases kicked off by planning the information architecture of the App. Creating a sitemap ensured screens were placed in a flow that was intuitive. After creating a sitemap to inform the navigation within the app, I proceeded to create a high fidelity wireframe of the screens within the app.

User Flow

Wireframes

User Testing

I went through three rounds of usability testing, I let three users play with the clickable prototype and go through product features.

I tried to solve the problems from the usability testing. The major changes focused on creating a home page (exploration hub) with a search feature and creating a hamburger menu on sub-pages.

Outcome

When rolling out all the screens, careful attention was paid so that the colour hierarchies and accessibility were respected. White space was used to keep the layouts uncluttered and to balance out the vibrancy of the blues.

Now, let me introduce the final product: Collective.

A mobile application where you can chat with peers, create a directory of resources, connect with like-minded individuals before and after events, and build a community - the Collective.

Collective