Take the Leap is a TEDx conference that encourages people to acknowledge fear, embrace uncertainty, and conquer unconventionally extraordinary aspirations.
UX/UI, Branding, Strategy
Every year, TEDxSFU hosts a conference in Vancouver, where a diverse group of speakers share stories and insights from their areas of expertise.
As the creative lead, I was challenged to bring together an integrated digital experience within six months that promotes the conference and drives ticket sales. At the end of the six months, I led the creation of a new branding website, a mobile-first conference program, and other supporting collaterals.
With a consistent vision and goals in mind, the team created an integrated digital platform that resulted in:
A sell-out of early-bird tickets for the first time
Full-house of conference attendees
An established web design system that has been re-used since 2016
With the annual theme “take the leap”, the team decided to transform a traditional conference into a digitally engaging festival.
In this bold step forward, the creative team aimed for the ambitious goal of developing an integrated digital platform that delivers conference values and elevates user experience.
The design deliverables were divided into two phases: pre-conference (Phase 1) and during conference (Phase 2).
To promote the event, I redesigned the official website to elaborate the conference theme and showcase previous talks.
First, I talked to previous organizing team to find out what was not working for the existing website, and what they thought could have done better.
I worked with the past organizing team to create user stories so we could put ourselves in user's shoes and work (a little) on our empathy along the way. Who comes to the website? What is their situation and motivation? What do they want to achieve out of the visit?
1. In the original website navigation, there was no information hierarchy because the menu items were all presented the same way. As well, menu labels like “gallery” were confusing to first-time users according to feedback.
2. Navigation of the new design aimed to minimize information overload while catering to different users. The content was re-organized based on user needs, updated the labelling, and created hierarchy for subordinary contents.
I sketched out several pages to visualize the primary screens and some of their sub-features.
After defining the page structure, site structure, navigation, and a few more rounds of sketching, I then turned the the sketches into the interfaces directly. There were some design iterations and team reviews before the development phase.
In addition to creating a new website, I was also in charge of creating the majority of event promotion graphics/videos for social media channels, as well as materials needed for sponsors, speakers, and attendees of the conference day.
As part of the goal to create an integrated digital platform, Phase 2 focused on transforming the paper program guide into a mobile-first website where audiences could find information effortlessly.
I created the initial design prototype to set a direction for our junior designer Nikki. She excelled in taking the design to fruition, after which we completed two rounds of user testing before its launch.
During user testing, we observed 12 volunteer interactions and asked them to verbally express their thinking process while interacting with the prototype. We A/B tested the navigation scrolling, affordance recognition, and landing page choices (as shown below).
The entire experience was a 6-month effort, which is insanely fast. With the right team, we were able to work collaboratively and turn challenges into opportunities. But the best thing about the whole project is that we received overwhelmingly positive feedback from real users (even some local agencies) during the event— and that, was the real reward for me.