Revamping EventMate Mobile App & Website

UIbanner-EventMate.jpg
 
 

Client: EventMate
Tools used: Sketch, Invision, Photoshop, Illustrator, Draw.io


 

ABOUT EVENTMATE

 

Eventmate is an eCommerce app that makes networking effective, fun, and efficient. Users can explore local events in two platforms: Professional and Social, then purchase tickets through the app and mingle with attendees prior to the event.

 
 

THE PROBLEMS

Outdated, confusing Design

Overall, the app design, branding, and website graphics feels amateur, messy, and do not convey a professional look-and-feel.

2button.png

Information overload

Event screen does not feel friendly and inviting. Presented information feels redundant and should be validated. 

3button.png

users are lost

After the onboarding process, users get confused and do not understand how to use the app and what to do next.

 

COMPETITIVE SPACE ANALYSIS

 
eventbrite-logo-vector-400x400.png

Eventbrite is a U.S.-based event management and ticketing website and app that allows users to browse, create, and promote local events.

logo-fever-header-black.png

Fever enables its users to discover local events in an intuitive way. Users are also able to purchase tickets through the system, share events with friends, and also offers perks.

 
 
 

I've examined how Fever and EventBrite present their events from different prespectives:
The information architecture of the screens and elements included in the event screens.

 
 

JOB STORIES

 
 

Based on the feedback I received from users, I narrowed down 12 Job Stories and scenarios to the most important three that signifies common user goals:

When I explore new events I want to see what's relevant quickly so I can manage my time efficiently.
When I see an event I'm interested in I want to see who's attending so I can network more efficiently.
When I purchase a ticket I want to be notified so I can have all the information handy.

 
 

INTERACTION MAP

 
 

In order to make sure users flow through the information architecture smoothly and all goals reached easily and intuitively, I mapped out the screens of the app and laid out their functions.

 
 

REBRANDING

 

I created a Graphic Style Guide for EventMate in order to give the company and its product a uniform and professional look, as well as a new logo.

 
 
 
 

REVAMPING THE APP SCREENS

 

Being attentive to users and stakeholders comments, I revamped the app screens and created iOS compatible, up-to-date designs.
See examples of new versus old below:

 
 

events search screen

 
 

Inbox screen

OLDvsNEW3.png
 
 

Confirmation screen

 
 

event screen

 
 

QUICK, EASY TO UNDERSTAND ONBOARDING PROCESS

 

A major pain-point for users is that once they are logged in for the first time, they don’t know what to do next and how the app behaves. I recognized the need for an onboarding process where users will be able to learn quickly what to expect and how to act once they are in.

In order to void information overload, I chose to go with three steps divided into three screens onboarding process. It is easy to understand and does not require much time nor heavy resources to implement. See example below:

 
guidescreens.png
 

WEBSITE REVAMPED

 
 

I reorganized the information architecture of the website, removed redundant information and made clearer, more concise, and easier to connect new graphics by relying on the new Style Guide that I’ve earlier.

 
 

Old website


 

New website

MyEventMate.com


 

FUTURE STEPS

 
  • Create an introduction video that explains what EventMate is all about at the website

  • Replace the 3 guiding screens I have created with a short, fun video

  • Improve presence on social media platforms for customer expansion

  • Testing user reactions to ticket purchasing process

  • Create an Android version of the app