Knowledge Hub

How Spiffy University turned overwhelming documentation into an in-app learning hub that reduced support tickets, improved user satisfaction by 99%, and accelerated staff onboarding.

Knowledge Hub Design Overview
  • RoleProduct Design & Dev
  • ProductCustomer Success Platform
  • Made withSpiffy Team

I was able to find a document, follow the steps, and solve my issue in minutes. This is the easiest support experience I've ever had.

- Spiffy User

The Challenge

Long-form documentation often overwhelms users, leading to frustration, support tickets, and poor onboarding experiences. Users needed a solution that would:

  • Make documentation more visually engaging and accessible.
  • Provide an in-app learning experience to reduce context switching.
  • Support user success by combining documentation, videos, and courses into a unified learning platform.

Research & Discovery

Team Collaboration: Worked closely with documentation and support teams to find gaps in the existing resources.

Customer Feedback: Used surveys and interviews to learn where users struggled with documentation. The feedback showed a need for more visual help, including videos and interactive elements.

Industry Research: Benchmarked leading customer success platforms to understand common patterns for documentation and learning tools.

Research Process for Knowledge Hub
Collaborating with teams and gathering user feedback to build the Knowledge Hub.

Prototyping & Design

Visual Design & Structure

Interactive Learning Experience: Turned long-form content into smaller sections supported by videos, images, lists, and a table of contents.

In-App Access: Built Spiffy University directly into the app so users could find documentation and learning resources without switching context.

Research Process for Knowledge Hub
Before and after of the Knowledge Hub.
Designing with a Vision

Clear Direction: With a strong vision for the project, I focused on a unified design from the start, shaped by team feedback and user needs.

Focused Improvements: Based on insights from documentation and support teams, I refined the content structure and navigation around the questions users actually had.

User Testing & Refinement

User Feedback: After implementing the initial design, I tested navigation and content structure with existing customers. Users found it easier to locate the right information.

Iterative Refinement: Small updates, including clearer navigation labels and better search, helped tighten the experience after launch.

Knowledge Hub in-app
Knowledge Hub in-app.

Key Features

  • Interactive Documentation: Added videos, images, and lists to make long-form content easier to use.
  • In-App Browsing: Built Spiffy University into the app, enabling users to access resources without switching tabs.
  • Search & TOC: Implemented search and a Table of Contents to help users navigate quickly.
  • Courses & Tutorials: Added structured courses to guide users through complex workflows step-by-step.

Impact

99%

Positive feedback from users on the updated documentation experience, especially ease of use and visual clarity.

Reduced Support

Fewer support tickets after launch, enabling faster user assistance.

Higher Satisfaction

Improved user satisfaction with better learning resources.

Faster Staff Training

Reduction in onboarding time for new support staff using Spiffy University as a training tool, complete with structured courses and tutorials.

Supporting the Support Team

Supporting Support Staff: Spiffy University was built for customers and for the support team. I worked directly with support staff to understand their workflows, common questions, and customer calls.

Accessible Anywhere: The University was lightweight, fast, and optimised for mobile use, so support staff could open relevant guides during live customer calls or chats.

Search-First Design: Search helped support staff find troubleshooting steps and feature walkthroughs quickly.

Learnings

User-Centred Design: Speaking directly with users and support teams kept the work grounded in real problems.

Iterative Approach: Prototyping and user testing helped refine the design after launch.

Cross-Team Collaboration: Working with documentation and support made the customer success experience more consistent.

Summary

Spiffy University made documentation easier to find, easier to read, and available inside the app. User feedback, quick prototypes, and close work with support helped turn it into a practical learning platform for customers and internal teams.

Knowledge Hub Design Overview

Design that makes a difference. Together.

I work with ambitious teams on products that need to be clearer, faster, and easier to use. If that sounds like your project, I'd love to hear about it.