TO Live Redesign

Problem Statement

Website re-design: Increased discoverability of artists/events and documentation items. Reduced visual clutter which lead to increase conversions on tickets purchase and events and venues booking.

Role
UX/UI Lead
Duration
6 Months
Client
TO Live @ IBM
TO Live website redesign hero mockup

Core Contributions

Art DirectionWireframesUser ExperienceUI Design

Design Methods

Wireframe Iterations & Validation

Testing early assumptions through rapid wireframing sessions with business stakeholders and real users. This helped surface the core pain points shared across venues and shaped a more unified, scalable experience for artists and audiences.

Flexibility & Customization

Designing a system that could adapt to the unique identity and content needs of each venue. By offering a broad suite of customization options, the platform became more engaging and satisfying for users while giving every venue the freedom to express its own character.

Modern Search & Filtering

Rebuilding the discovery experience so users could search, filter, and browse across diverse types of content with clarity and speed. A cohesive filter set and fully responsive design ensured that events, artists, and venues were easy to find—no matter the device.

Wireframe Phase

Wireframing played a key role in aligning with the client on the overall structure before diving into details. This process helped define the sitemap and establish a clear, intuitive URL structure ensuring both, business objectives and user needs were aligned from the start.

TO Live wireframe phase screens

Reshaped Navigation

To Live is a non-profit organization that manages 3 different venues to support artist and art events across Toronto. Their original navigation was extensive and had plenty of duplicates. The amalgamation and simplification of their navigation were one of the main challenges.

Reshaped navigation desktop and mobile

When searching in a wide set of categories, types of events, artists names, simplifying the search process was a crucial feature that directly impacted their front line business, selling tickets and booking events/venues.

Desktop search filters and results

Friendly Prediction + passive suggestions when searching were meant to speed up the search process giving the high amount of options the user may face when searching for a particular category.

Mobile search suggestions

Incorporating date range selection along with pre-defined options like "today" or "tomorrow" expedites search flow by swiftly narrowing down choices.

Mobile date range picker

Implementing tailored filters based on TOLive's data analysis improves search accuracy, saving time and enhancing precision for users.

Mobile tailored filters

Layout Flexibility

Responsivenes and minimalistic design allow this website to display a structure that is customizable throught a headless CMS to innovate when creating new pages for artist, events, podcasts or stories while maintaing the asthetics and consistency in visual terms.

Layout flexibility content modules
TO Live Redesign — Case Study