UX, Interaction, Interface & Product Design for Hootsworth

Hootsworth is an enterprise application developed to aid in helping companies uncover HR and workplace issues in their company culture. There were three primary features we designed the application around: Q+A (Ask an Expert), Resources - to drive content discovery, and My Favorites - a feature designed to drive personalization and sharing of content.


Onboarding

We have the user begin their interaction by taking them through an Onborading and Personalization flow.

Each screen of the Onboarding Flow
Mobile Application Design


Mobile Application Design


UX Design Strategy


Q+A (Ask an Expert)

The primary feature in the product is the Q+A Ask an expert feature.

Answers Feed with various card styles
Mobile Application Design


Answers Feed with an empty state for this users "Asked Questions"
Mobile Application Design


Mobile views for the "Answers Feed"
UX Design Strategy


Resources

The resources feed is our content discovery driver. I designed unique flexible content patterns for whitepaers, video, quizzes, and courses. Then we housed each of the content types in a uniform card system that lives within the feed. Initialization, sharing, saving and upvoting controls are all readily available to the user directly from the cards.

Answers Feed with various card styles
Mobile Application Design


Answers Feed with an empty state for this users "Asked Questions"
Mobile Application Design


My Feed

We set up My Feed as the users personal stash and springboard into content they are most interested in. Along with any content the user saves, any questions the user has posted, either answered or pending an answer, will appear in this feed.

Resource Feed with various card styles
Mobile Application Design


An alternate layout for the Resource Feed with separate sections for each type of content.
Mobile Application Design


Answers Feed with an empty state for this users "Asked Questions"
Mobile Application Design


Comprehension Quiz

Authors are provided with tools to create comprehension quizzes for each course. The quiz cards were designed to be flexible for all screens, from desktop all the way down to mobile.

Comprehension quiz screens (mobile view)
Mobile Application Design


Comprehension quiz results screens (mobile view)
Mobile Application Design