UX Copywriter & Content Strategist
UG+hero.jpg

Agency | Vibethink

Role | user education, content strategy, UX writing

Client | For All Clients

 
 

Vibethink has always provided a user guide beyond the WordPress basics for our custom back-end experiences. But the guides were traditionally packaged as Google Docs with no structure, visual references, or voice.

We needed a better way to educate the user and enhance the web owning experience.

 
 

Objective 1 | Group info into sections that are easy to find and navigate

Objective 2 | Create consistency in language between the back-end and user guide

Objective 3 | Position Vibethink as a digital agency ahead of the curb

 

I started by combing through extensive guides from previous projects, grouping content into sections under parent categories and organizing subcategories when necessary.

 
 
 
 
 

Naming of standard features was inconsistent between developers, back-ends, and user guides. I worked with the development team and project managers to build a consistency in naming across all sites.

 
 

Our team used a plethora of terms to describe hero images on site back-ends so we added visual and written instructions on correct and incorrect terminology to our agency style guide.

 
 

Working directly with a designer, we talked through visual ideas and how to layout pages, categories, and subcategories.

 
 

The user guide landing page was an opportunity to showcase the Vibethink brand voice and set an ‘at-ease’ tone for this experience.

 
 
 
 

Our team decided to change the contact action from a text link in the top-right corner to an overlay modal for users to provide comments and questions without leaving the guide.

 
 
 
 
 

User Guide 2.0 is slated to launch this year. We know this will be an improved experience for clients, empowering content editors and site owners to truly master their site functionality.