IMD
Business
School

 

Increasing engagement and usability for the school’s online events portal.

🎟

Role UX + UI
Tools — Sketch
Agency — Personal client

BRIEF

Create a new events section that could cater for various types of events and allow users to book a ticket and view others who are attending.

Project responsibilities — UX design  ·  UI design  ·  Illustration

During the research stage I gathered requirements and analysed where improvements could be made. I then explored various new page layouts and created wireframes to present back to the client.

The main challenge in this project was its current site structure and that this was a single section re design. It meant compromises in elements such as some profiles could expand and be viewed in page and others took the user to a different section on the site.

Wireframes
My wireframes explored layouts, how the page responded at different breakpoints and sticky elements on scroll. Spacing, font sizes and a design for the location pin on the map were also considered at wireframe stage. The options were presented and a preferred option was chosen by the client.

UI design
Ultimately the whole site would be re-designed but for this project it was a single section. With this in mind I used the brands colour palette, icons and fonts and I applied a simple UI style, that was sympathetic to the rest of the site yet modernised.

6 fallback images were required to be used when an event hero image was not uploaded. These initial concepts explored how different colours and patterns could be used to create a unique yet unified set.

ShareTw.Fb.Pin.
...

This is a unique website which will require a more modern browser to work!

Please upgrade today!