top of page
Frame 34.jpg

hoos hoo

Hoos Hoo is an HR managing tool that welcomes new employees onboard, helps learn about the company and their teams, and manages their work schedules. It allows quick and easy access to upcoming meetings and provides an avenue for forming meaningful relationships within the company.

DURATION

11 weeks, Jun 2021 - Aug 2021

Joanne Chen, Lan Nguyen

CONTRIBUTION

Ideation, Usability testing, Wireframing, User interface, Design system, Hi-Fi prototype (responsive web)

internship project

Redesign and expand the Hoos Hoo app, a directory flash card-based experience for employees.

opportunity

This past summer, I had the opportunity to intern at Mindgrub and redesign an existing hr app to help new employees learn about the teams and departments within the company. And we started out by looking at the original app and analyzing it.

THE ORIGINAL HOOS HOO APP

Analysis
At first glance, the app seems to be a simple flash card-based experience for new employees to review the company's departments and teams. There are only a few features that help newcomers learn about the company, it doesn't seem to be an app people would revisit often, and the design language doesn't match the existing brand.

INITIAL IDEATION

Gamification

After discussing with the team, we felt like adding fun elements and features, such as quizzes, leaderboards, and daily challenges, to the flashcards can be a way to enhance the playfulness and also give users an incentive to revisit the app more frequently. 

Daily Challenges (More In Depth)

We thought the app could generate a deck of employees as daily challenges. Users can take the quiz and see if they have remembered their coworkers' names, departments, and titles. Others will be able to see their progress and scores with a shared leaderboard.

Group-1.gif

design decision

We brought our initial design and showed it to the team. After discussing, we decided to expand the project scope because we could do more to help new employees onboard to the company. So the project took a turn here, and we started to think about the following question.

What features would best assist new employees onboard to the company while encourage seasoned employees to use on a daily basis?

wireframing

We brainstormed possible solutions and talked to the engineering team to see what features were possible. In the end, we decided to include an onboarding process that would introduce the new employees to their coworkers, fun quizzes to test users' knowledge of their coworkers, and a work calendar with detailed information on the teams.

style tiles

At the meantime, I started to create 2 different style tiles for the different visual directions the product to go in. We then came back together as a team and decided to go with the look and feel of direction 2 because it is more scalable and fits with the brand more.

usability testing

With the built-out wireframes and just 1-2 weeks left during the internship, we conducted the usability testing with 5 employees from different departments within the company. We asked them to use our prototype while asking them questions to gain a better insight into the designs we have created.

KEY INSIGHTS

  • 5/5 participants showed a positive response.

  • 5/5 expressed that the visual design was “welcoming”, “playful” and “exciting”.

  • 2/5 wished they could learn more about their direct reports, for example, their professional and personal interests.

  • 3/5 would like to take the quiz after completing the onboarding process. They considered it to be a fun activity.

  • 2/5 expected the calendar to be interactive.

We hope to include more functionality

  • Detailed Information of employees
     

  • Fun and easy quiz
     

  • Functional calendar
     

  • Integrated timesheet

design language

Lastly, I created the design language and system for Hoos Hoo. The document contains the UI components, variants, and other specs to create a complete and detailed hand-off document for the development team.