Description

Kansha is a mobile and web application that makes it fun and easy to recognize your hardworking peers with rewards and personalized messages.

Problem

Recognizing peers at work gets lost and unnoticed by others and it’s hard to send recognition inside a company formally.

My Roles

UX designer
UI designer
User Research
Illustrator

Discovery

Since Kansha was a greenfield project, a lot of research was needed. Kansha started out as an idea and quickly evolved with user research. We were then able to define our target audience and receive valuable feedback.

Survey Key Results

50% of respondents said their company did not offer any recognition incentives.


31% said they did not feel recognized in the workplace.


Current incentives were shares, bonuses, free trips, parties, and awards. These incentives happened rarely and on big occasions.


Almost every respondent said they would like to have a service like Kansha at their job.

Brainstorming Flows

After gathering strong key results we were able to define our target audience. Our initial userbase became the HR Managers and HR Directors of companies who would be the one to administer the benefits program throughout their organization. Our end users became the employees who would represent a standard user. We created user flows, performed A/B testing and iterated until we found the most effective user flow.

Designing

After establishing our user flow and conducting rigorous research it was time to move into designing Kansha. We made sketches based on our research findings, user flows, and site maps.

User Interface Design

Our team decided that a dark interface would give the site a minimalist and premium look and we found that most survey respondents used software such as Slack and Microsoft Office which inspired our decision to design a familiar workspace.

Evoking Emotion Through Style

It was extremely important to us the Kansha application have a fun theme, so incorporating gradients into the design was something the team decided to tackle. Gradients can be a risky choice and we were already pushing the boundaries by choosing a dark interface but with multiple iterations and many different gradients, alongside potential primary colors later, we eventually found the perfect pair. Our next step was to choose a typography that felt professional and we found that Montserrat was the perfect fit since it felt modern yet elegant.

Getting It Down On Paper

Now that we had a solid design direction, it was time to begin sketching and wireframing our ideas. Using my iPad I created multiple sketches with different versions, keeping in mind the user flows that we tested. After my sketch was complete, I ported my sketches into Figma and began wireframing my favorite ones. I am a huge believer in the iteration process which is why after multiple iterations, we had our finalized tested high fidelity wireframes!

Creating a Design System From Scratch

Making a design system from the ground up was a tough decision for our team but we had conviction that it would quickly become the most effective tool at our disposal. And with that, having a design system in place made our high fidelity wireframes cohesive across all pages! Granted, the process of naming each and every component and organizing them took a ton of time but the end result was worth it. Below is our design system for Kansha.

Gamify to Incentivise

OOur main goal was to increase workplace recognition but we also wanted it to be a fun experience! So we gave users the ability to send and receive badges which are displayed on their profile and publically shared on the workplace news feed. These badges were super fun to work on and one of the highlights of working on Kansha. Check out our awesome badges below!

Avatar Illustrations

This is the Kansha team and as designers, it wouldn’t be fun if we didn’t illustrate ourselves! :) So I worked on illustrating each member of the Kansha team using Sketch and am excited to share it with the world.

Logo Animation

I love animations and had a lot of fun animating the present part of the Kansha logo opening up.

Final Design

Designing Kansha took team collaboration, creativity, empathy and above all else a lot of hard work, but the final result was nothing short of spectacular. My biggest takeaway from this project is the importance of user research and this realization genuinely excites me to help users solve their problem through design and software.