Event Management System

A collection of web screens with the ID veritication designs on them
Company
Tom & Jerry
Service
B2B and B2C
Industry
Logistics and event planning
Role
Lead UI/UX Designer
Team
1 designer, 4 engineers
Duration
3 months
Year
2021

The challenge

The administration team needs to be logisticians, travel agents, and certified meeting planners at the same time. They were asked to coordinate and manage thousands of logistical support missions and movements as well as large-scale events and lodging requirements throughout the world. They needed to have a system to manage all these events. This will help them prevent any mistakes and increase their KPIs. As the UI/UX lead designer of the project, I wanted to integrate human-computer interaction principles and make the user experience as smooth as possible.

Collection of screens with the final product designed

Design process

By interviewing the stakeholders, I understood their needs. Take into consideration the limitation of time and the limited team number that will use the system I created low-fidelity mockups and presented them to the stakeholders for their feedback.
To design the final platform I took under consideration the triple A accessibility guidelines and that they were using mostly retina screens, higher than 2500px.
As we know, the UX design process is not linear, and every design calls for a different methodology. This is approach that I used to guide my design.

  • Competitive and Comparative Analysis
  • Heuristic Evaluation
  • Low Fidelity Prototype
  • Users / Stakeholders Interviews
  • Style Guide
A collection of phones with the ID veritication designs on them

Style guide

The style guides ensure brand consistency across all pages and devices. The visual language that they establish becomes a guide for how the developers will use each component. During the design phase style guides encourage consistency in the visual identity and help keep the interface system as logical as possible, which makes for a better UX.

During the development phase they streamline the transition from design to development as they minimise build errors and help encourage modular development best practices. Further to this, style guides can be converted into style guides which help make future updates and site maintenance more manageable due to a cleaner, more modular and structured codebase.

Lpatop screen with a design
Two laptop with the designs of the starting screen
A laptop screen with the product design
mobile with the designs of the starting screen

Public pages

The end user uses this page as an entry point to make their hotel reservation and event registration. A seamless flow will begin here where the user is able to select the event and the room of his preference, and then add the number of guests in each room.

Lpatop screen with a design
Two laptop with the designs of the starting screen