New Way to a Successful Event

Corporate Event Planner is a website that makes your event planning easy, efficient and successful. It helps you to organize and keep track of the events and collaborate with people on event planning.

High-fidelity Design
../

Project Overview

We aim to allow the user to organize and keep track of their events, and also provide a platform to collaborate with people on event planning.

My Role

UX Designer

Time Line

1 week / May 2019

My Team

1 Team Lead
1 UX Designer
1 Front-end Developer
1 Back-end Developer

Our Target Users

The people who plan events for their teams and companies:

  • HR

  • Coordinator

  • Admin Assistance

TargetUser

Understanding our user

User Interview

We interviewed Diane, who worked as a coordinator in InterContinental Hotels Group (IHG®) for 3 years. Part of her job responsibility is organizing conferences, team meetings, and team buildings for her team. She plans about 14 events every year.

Problems Identified

From the interview, we identified 2 problems:

Solving the problems

Build Foundation

To solve the problems of event tracking and communication between co-workers, we need to bring all the event details in one place.

  • Current events and past events.

  • 4 default modules:
    Basic Information, Locations, Attendants, Agenda.

  • 7 modules to add:
    Vendors, Budgets details, Caterings, Transportations, Entertainments, Supply list, and Others.

  • Saved locations and vendors.

Sketches1
Event Tracking

To solve the problem of event tracking, we allow the user to arrange the time properly for planning and preparing an event through our app.

  • Add checklist.

  • Add a progress bar:
    Progress is based on how many tasks are done.
    Progress =(number of tasks are done / number of tasks) *100

  • Add status:
    Status can be marked as Reserved or Confirmed according to different modules.

  • Show days remain.

Sketches2
Better communication

To solve the problem of communication between co-workers, we want to allow the user to create a work place for the team.

  • Add co-workers to edit and track the event.

  • Show recent activities.

  • Archive only for co-workers.

Sketches3

Mapping out the solution

We create user flow to map out how user use our product to achieve their goal.

UserFlow

Visualizing the user interface

Using wireframes allow us to establish the structure of main pages.

Wireframe

Keeping the styling consistent

Before dive into high-fidelity design, we globalized the styling and created a design system that provides a modern theme.

StyleGuide

Polishing the final designs

High-fidelityDesign

What's next

User Testing

Create prototype for user testing and find out: