tim hortons hero image

KINDR

For my fourth-year capstone project, I worked alongside other students to create a digital product revolving around mental health and well-being. The course was divided into three iterations with concepts in business, UX design, and visual design to produce our final project. The intent was to mimic an agile work development.

KINDR (kind-er) is an online web game platform that aims to digitally inspire genuine connection through meaningful conversations with question packs exploring friendships, dating, and family as well as exciting mini-games. KINDR is the new centralized space for friends and loved ones to connect and hang out virtually in an immersive experience.

ROLE
Iteration 1: Business Analyst
Iteration 2: UX Designer
Iteration 3: Visual Designer
Video editor
TEAM
Ariane Compton, Michelle Lee, Ken Namgung, Vidhi Shah
DURATION
Jan 2021 - Apr 2021

Problem

Our team wanted to focus on mental health, specifically looking into isolation in relation to relationships. According to a survey our team conducted, loneliness levels reached an all-time high, and many participants felt isolated from others due to the pandemic. Being socially connected to others can ease stress and anxiety, and provide comfort and joy, and we wanted to create a product that would help individuals feel connected with games during quarantine.

How might we foster genuine connection amongst people to improve relationships and overcome isolation and related anxiety and depression?

BACKGROUND

Idea

Following our how might we statement, we wanted to create a platform that helps build genuine connections and relations with meaningful conversations.

KINDR drew inspiration from the card game "We're Not Really Strangers" where individuals would get to know each other on a deeper and vulnerable level through insightful questions.​ Alongside the gameplay with question packs and mini-games, there is an option for video chatting and texting with fun emojis and gifs to create a better experience for users.

Process

build -> measure -> learn

For KINDR, our team followed an agile framework shown over three iterations. We continuously validated our work through user testing in each iteration and grew KINDR from low-fidelity wireframes to a fully functioning prototype with a sustainable business model.

Each iteration had three main pillars: Business, UX design, and visual design.

ITERATION ONE

Initial Research

In our first iteration, the most important factor was to establish the foundation of our business model and product. At this stage, we focused on gathering research about how individuals were coping with isolation during the pandemic and how the gaming industry has grown because of it. Iteration one outlines the early picture of KINDR showing the foundation of our business model and what we plan to offer.

Business - Business Model, Porter's Five Forces and PEST

In order to develop our business model, Vidhi and I took the role of the business analysts to gather research to identify industry trends, customer expectations, and competitors. The tools used were the Business Model Canvas, Porter's Five Forces, and PEST Analysis.

baraka brochure 1
baraka brochure 2
baraka brochure 3

UX Design - Low Fidelity Wireframes

For UX Design, we conducted interviews and surveys to gain insights into how the pandemic has affected relationships. Afterwards, our team began brainstorming concepts, creating wireframes, and doing usability tests. We decided to brainstorm and do wireframes individually so we could come together and see all ideas.

ITERATION TWO

Mission Statement

In our second iteration, we continued to focus on further developing the business model, building and testing our product and integrating a style guide to improve the visual aesthetics. We also came up with the name "KINDR" and created our mission statement:

"KINDR's mission is to create a new outlet of connection on the other side of the screen, inducing relief, happiness, and excitement through communication and gaming. We plan to harvest a platform for users to play virtually and enlighten a new concept of socialization with gaming to the public."

Business - Impact Map

For this iteration, we developed pricing models, developed goals and pathways for said goals in our impact map, and began thinking of the various costs we would incur as a legitimate business in financial statements.

Creating an impact map taught us more about what specific business activities we can conduct to target our main actors to successfully accomplish our value proposition, "Build genuine connections and relations with meaningful conversations."

UX Design - Personas

To create personas, I took a different approach. Focusing on personality, habits, and motivations allowed me to better understand our users' needs and tailor design decisions accordingly. By moving away from traditional personas that primarily rely on demographics, I was able to delve deeper into the psychological and behavioural aspects of our users, gaining valuable insights that can inform our design choices.

Creating personas based on personality, habits, and motivations helps to humanize our users and provides a more comprehensive understanding of their goals and pain points. This approach allowed us to design with empathy, ensuring that my solution addresses the underlying needs and desires of our target audience.

Visual Design - Mood Boards and more!

During this stage, a mood board was created to outline the style we wanted to implement in our product. From there, we developed a style guide with specific fonts and colours to be used throughout KINDR. 

Our next visual design goals are focusing on the logo, tone, and brand identity. Additionally, the placeholder images will be replaced with in-house designs to showcase game previews and other assets that feel unique to the platform to let the user know they are on KINDR. We will accomplish this with styled iconography, use of colour, and bold graphics to invite people in.

MOOD BOARD
style guide
Iteration TWO Prototype - Selected screens (left -> right): Profile, Game Library, Game Info, Chatroom
ITERATION THREE

Results From User Testing

KINDR's platform improved dramatically with feedback from a red-teaming activity and user testing. Our prototype took a shift from light mode to dark mode which created a whole new look for KINDR.

Business - Determining Users

For this iteration, we focused heavily on the customer’s buying behaviour, point of view of certain features, and what makes KINDR valuable to pay as a service to our prospective user base as opposed to a different gaming platform.​

When considering who our customers could be, we determined two types of users:

1. Wanting a close-knitted personal gaming experience potentially using mini-games and personalized question packs for an affordable price

2. Game and personalization bundles for a fun, dynamic, group game by purchasing extra add-ons to enhance the experience​

Therefore, our pricing includes bundles and competitive pricing for all games/packs and tiered profile add-ons.​

UX Design - Red Teaming Exercise

As mentioned, we received key feedback from our red-teaming exercise and implemented any suggestions and changes into our final prototype. Overall, we got positive comments and they were looking forward to our final product.

RED TEAMING HIGHLIGHTED COMMENTS

Visual Design - Light Mode -> Dark Mode

The purpose of KINDR is to have a safe, open, and fun space to genuinely talk with others and play enjoyable games. To further emphasize that and better reflect the vision for the brand as a whole, we started to implement more visual details such as more colour from our style guide, gradients and fun graphics to enhance KINDR’s personality.

Our largest leap involved deciding to make KINDR entirely “dark mode”. This changed the entire atmosphere of the platform and made it feel like a cozier and exciting place to be.

Iteration THREE Prototype - Selected screens (left -> right): Homepage, Chatroom
FINAL PRODUCT

Presentation

Welcome

Welcome to KINDR! Users can browse through our introductory pages learning about KINDR and what we have to offer as well as ways to reach us if needed.​ Users can click the "Play" button to sign up and begin playing games with their friends!

Registration

Through a quick and easy sign-up process, users are able to make their profiles and filter through what they're interested in.

Dashboard

Welcome to the dashboard! Users will be able to find daily announcements and games based on their mood or what their friends are playing.

Profile

From any page, users will be able to access their profile page by clicking their top-right icon.​

On the profile page, they will be able to customize their information and view statistics.

Store

Browse and purchase KINDR's free and paid games from the store library. By clicking on a game, users will be able to get further information regarding any add-ons and reviews from other players.

Chatroom

The chatroom is the main aspect of KINDR where users can interact and play games with their friends.

Settings

This page allows users to customize KINDR's settings to their personal needs.

CONCLUSION

Key Takeaways

If I decided to continue working on KINDR, I would improve the visual elements even more focusing on implementing unique designs and graphics that would add to our brand identity. At the moment, I feel that the game banners and small visual elements can be improved to fit today's current design trends.​

This project was part of my last course at the University of Waterloo, therefore it was sad knowing that it was my last project. Through many late-night calls with my group and not being able to work in person once due to the pandemic was tough - especially having to learn all of the material and attend lectures virtually. It certainly wasn't what I'd picture my last university course to be. ​

However, I'm thankful to have been a part of a group that was incredibly hardworking and creative. Everybody had their own strengths and we were able to work together to make KINDR a project that we are happy to call ours. I have learned many new methods and will continue to expand my knowledge in business, UX design, and visual design that I will happily apply to my future projects.

〰️ Get in touch!