Knowledge Hub

How I designed and built an in-app learning hub that reduced support demand, earned 99% positive feedback and helped new staff get up to speed faster.

Knowledge Hub Design Overview
  • RoleProduct design and development
  • 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 documentation was creating more work

Spiffy had plenty of useful documentation, but much of it lived in long pages outside the product. Customers struggled to find the right answer, new users had a harder time getting started, and the support team kept stepping in to explain things the documentation was meant to cover.

We needed to make the material easier to find and easier to follow. It also needed to work inside the app, where people were already trying to solve the problem.

Start with the questions people kept asking

I worked with the documentation and support teams to find the gaps in the existing material. Support conversations showed where an answer was missing, too difficult to find, or technically correct but still hard to follow.

Surveys and interviews added the customer side of the story. People wanted more visual help, especially videos and examples they could follow without leaving the task halfway through.

I also looked at other customer learning products to see which navigation and content patterns were already familiar.

Research Process for Knowledge Hub
Scoping the content, product and support needs behind the Knowledge Hub.

Make the answer easier to use

Break long guides into useful steps

I split long-form content into smaller sections and used videos, images, lists and a table of contents where they made an instruction easier to follow.

I also built Spiffy University into the app. Customers could open a guide alongside the product instead of switching tabs and trying to remember where they had left off.

Research Process for Knowledge Hub
Before and after of the Knowledge Hub.
Give the whole thing one clear structure

The content, courses and in-app help needed to feel like parts of the same product. I set one direction for the layout and navigation, then used feedback to improve it without pulling it apart.

The documentation and support teams helped me organise the content around the questions customers actually had, rather than the internal shape of the product.

Test whether people could find the answer

Once the first version was working, I tested the navigation and content structure with existing customers. They were able to get to the right information more easily.

After launch, I tightened the navigation labels and improved search where we still saw people hesitate.

Knowledge Hub in-app
Knowledge Hub in-app.

What we built

  • Documentation with videos, images and lists where words alone were not enough.
  • In-app access to Spiffy University, without sending people to another tab.
  • Search and a table of contents for getting through longer guides.
  • Courses that took people through more involved workflows one step at a time.

Impact

99%

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

Fewer support tickets

More customers found an answer without asking the support team to step in.

Better learning resources

Customers had clearer material to use when learning the product.

Faster staff training

New support staff used the same courses and tutorials to get up to speed more quickly.

It became a tool for the support team too

Spiffy University was built for customers, but the support team quickly became one of its most important users. I worked with them to understand the questions they answered every day and what they needed during a live customer call or chat.

The site was lightweight, worked well on mobile and put search at the centre of the experience. Support staff could pull up a troubleshooting step or feature walkthrough while they were still talking to the customer.

Built around real support questions

Customers trying to finish a task and support staff answering the same questions every day gave us the clearest direction for the product.

Keeping those teams close to the work made it easier to improve the first version after launch. It also meant the Knowledge Hub worked as part of the wider support experience, not as a separate library of content.

The result

Customers could find an answer without leaving the product, and the support team had a faster way to guide them when they still needed help. The same material also became a practical way to train new support staff.

Knowledge Hub Design Overview

Design that makes a difference. Together.

I work with product teams from early decisions through to design and delivery. If you need another experienced product designer in the mix, I’d love to hear what you’re working on.