Case study

Odysee App Consumer Help Redesign

By KarI Y. Snyder, MFA

THE PROBLEM

As worlds largest blockchain application for all forms of media (video, text, images, and documents), Odysee is on a mission to allow all types of creatives a platform for free expression. The challenge for the growing company was in communicating help information and in providing more effective on-boarding in the sign-up process. I was brought on to lead an international remote team to clean up communications across the company, from branding to product design. This case study will focus on the consumer help experience.

MY ROLE

- Head of Learning & Development & Lead Marketing
- Instructional Designer
- Project Manger
- Creative Director (all graphics)
- Lead Writer

TEAM 

- Bai Amorium (Portuguese)
- Chris Burton (French)
- Drew Hancok (English)
- Jasmin Kosubek (German)
- Immanuel Borggraefe (German)
- Socrates Azocar (Spanish) 
- Dejan Brkic (3D Illustrator)

DURATION

- 4 months

TOOLS

- Adobe Creative Suite (InDesign, Photoshop, Illustrator)
- HTML & CSS
- React
- Docusaurus 2.0
- GitHub
- MailJet

OBJECTIVES

Create effective documentation

Design documentation website

reconfigure information

Evaluation of existing design

The original Help Section of Odysee.com was a channel designed in a similar way to a YouTube channel. There was: 

  1. No ability to cross-link information
  2. Lack of easy maintenance tools for the internal team
  3. Lack of a clear consumer direction on where to find information and ask questions
  4. Separate channels for each language
  5. No consistant design style or writing style

Most importantly, I found hundreds of questions from over a one year period on various posts that had not given a reply. A huge red flag for any incoming new user is that the company appears to not care about answering their questions.

Document & Review Consumer Questions

I documented all the questions people asked on every Help post on a spread sheet within Monday. Next, I numerally counted which questions were most frequently asked so that I could see a pattern of specific information that was most pressing to the average user. I also developed a color coded system of topics so that I could see a percentage breakdown and best communicate this information to the team.

Understanding Odysee users

I tasked my international team to conduct a user study for their region or county so that we could better understand our top users and foresee trends for in-coming new users. I complied their information into a set of five personas: America/English, French, German, Brazil, and Spanish. Clear international user trends began to emerge as well as best communication tactics. The collective research findings allowed me to develop a user-centric problem statement:

"Various types of tech focused users desired a localized, collaborative, and easy to navigate help documentation website so that they could quickly find the information they needed."

Software choices

Working with the team, I explored various documentation software choices. Our department budget was slim, we had a tight deadline, we needed something SEO friendly, and I needed to make sure that whatever tool was chosen could be easily used by non-tech users on the team so that there was no delay in Help Hub updates. I settled on Docusaurus 2.0. It provided the following important features:

Powered by MDX

The team could simply write docs and blog posts with MDX, which they all were familiar with, and Docusaurus would build the file.

Built Using React

The team could extend and customize the website layout by writing React components.

Localization Built-In

Localization could be done easily by the entire team and deployed as individual docs.

Content Search

Most importantly for all users, the software made it easy for everyone to find what they need in the documentation.

Site map & Design & Writing Style

I built out a sitemap based on prior research to best position the informational flow according to the questions that rated as top asked. The writing style was kept conversational and friendly with languages such as German using less formal tones. Design wise, the colors, icons and samples images were made consistent across all languages with English acting as the base language and global translations made off of it.

The company lacked a brand guide when I was brought in, so I developed one. In it I included a section dedicated to 3D characters that the company's illustrator had originally created. There was no back story to any of the characters used in the illustrations, thus I created backstories and personalities that matched some of the company staff and platform users. Ugly alien Lady Fungus became the lead customer service rep. This was met with laughter by quite a few users and since the Odysee brand has always embraced self-deprecating humor, it fit.

Incorporating usability test findings

Users' search responses were collected to review how the redesigned Help Hub was performing and if we needed to change any cross references or reduce redundancy in certain sections. In particular, we found that there were some search errors with cross references between some of the languages. This was corrected.

Final Results

Good documentation is both technically complex and simple to read and understand. I worked with my team to make sure there was visual clarity with simple written explanations on how to use the platform and app.

BEFORE

Randomly posted topics, lack of hierarchy, no cross-referencing or linking, and inconsistant visuals.

AFTEr

Written with short, clear inductive paragraphs, clear hierarchy, easy cross-referencing and linking, with insightful visuals.

THE RESULTS

In the first three months of launch, the help hub had 45.3K visitors

Email help requests WENT down  45%

“Awesome! This will be so helpful to new users!”

PASTA, Odysee User

“Thanks to the whole team! Always at the top, Odysee!”

Etheric, Odysee User
Get in Touch