Problem

Unbounce's  self-serve customers were having a difficult time finding the information they needed online. Unbounce had good educational content and technical documentation--but there wasn't a singular place where customers could access these. Internally, the CS (Customer Support) team found it challenging to refer customers to the appropriate articles.

Goals

Solution

Unbounce Academy is a holistic educational platform for both new and existing customers. The overarching goal was to reduce the company's churn rate by providing customers with "how-focused" and "why-focused" content, delivered through a unified experience for our customers.

Results

Process

Information Architecture

I first focused on the information architecture. In order for me to understand how a user might interact with technical articles, I started with the question "how might we design a great experience for information-seeking behaviour?"

Through research, customer interviews and stakeholder interviews, we were able to determine the main pillars: Community, Documentation, Workshops, and Ecourses. We found out that users would rather search for information (73% of traffic to business sites come from organic search), rather than learn the navigation of the site so we emphasized the search functionality in each pillar. This allowed users to find the information they needed quickly.

We mapped out the entire ecosystem so that the team had alignment on the vision of the experience. This informed the decisions and compromises we made along the way. Working with key stakeholders, we agreed on product requirements and mapped out where they could live within the ideal workflow. This allowed me to document opportunities for the platform. 

After getting feedback from stakeholders, I collaborated with the UI Developer on the project to determine what was feasible to build within the project timeline. 

The intent behind the wireframes was to identify risks at an early stage. We conducted usability studies for Documentation, Workshops, and Ecourses as well as regularly getting feedback from stakeholders. After multiple iterations, we were able to define what our MVP would look like for each section.

DOCUMENTATION
The goal for the Documentation section of the Academy was easy wayfinding and findability.

In the usability study, we found that users were having a difficult time finding the articles we asked them to locate. Half of the participants said that they usually search for items rather than browse different categories. We took their feedback into account and added a global search above the fold to align the design with their mental model of a help centre. When asked to find articles (without using the search), the categories proved to be useful as users were able to complete the task without a problem. Wayfinding within each article also tested well as it clearly showed where the user was and they knew what to expect next.

WORKSHOPS
Workshops had two goals: 1. Deliver "how-focused" and "why-focused" content to the user regularly in an easy-to-understand format and 2. Measure interest by evaluating leads collected for a workshop, use this data to improve on content. 

From the usability tests, we found out that users liked the idea of being able to watch previous recorded workshops but they wanted to organize it by topics, not by date. We added the filter on the right, similar to Documentation's wayfinding design, so that users are able to quickly select topics that they're interested in. 

As you will later see in the final mockups, I designed a page where users are able to see all upcoming workshops, not just three. And because workshops present an opportunity to collect leads, we optimized the form by localizing the time as well as giving instantaneous contextual feedback. Users are also able to "save a spot" from the Workshops homepage. 

Mockups

Branding & Art Direction