Case Study Banner

Project Summary

Kith + Kin was founded to help people care for those they care about. The co-founders surfaced a need for a secure and versatile digital tool for caregivers to organize, store, and share important health information with their support systems.

I joined the team to help turn early research and ideas into a prototype to secure initial funding. Then, I followed through designing the alpha, beta, and consumer-ready product through multiple iterations based on user feedback and discovery.

UX Design
UI Design
User Research
Project Mgmt
Branding

Project Details

Role :

Head of UX & Design

Duration :

2020 - Present

Website :

Visit website

Tools :

Figma, Miro, Pendo, Notion, Intercom, Jira, Usability Hub, Jotform, and more

The Problem

During our alpha and beta release, we continued to see significant drop off in user engagement during the first few sessions. Roughly 70% of users signing up were abandoning the app within their first few sessions.

The users that did “stick with it” found the app incredibly useful, but we needed to make some big changes to combat this drop off. I particularly wanted to focus on two key areas. First, the signup and onboarding process to instill user trust and get them “in” as quickly as possible. And second, the information entry to get users to the “wow” moment faster and with less explanation.

The Plan

1.

Conduct research sessions with users to monitor issues encountered with the signup process and getting started with the app.

2.

Create an analytics “wishlist” for our data team and dev team so that we could have some measurements on current usage.

3.

Work with leadership and technical teams to discuss capabilities for a rebuild to combat the difficulty users were having with a PWA.

4.

Realign with leadership on mission/vision and our original use cases before diving into design solutioning.

5.

Wireframe new concepts that build upon the success of our beta app, but improve the pain points identified.

6.

Review and gather feedback from team and select users on new concepts.

7.

Select component framework that fits our technical stack and customize a design system to meet our brand and features.

8.

Design and prototype our consumer release MVP and assist in generating user stories and dev backlog.

9.

Measure engagement upon release using data from Intercom and other tools as they’re available.

Problems Faced

Problem Icon
Our alpha and beta app began as a progress web app, and while having the desktop version available was helpful for a small number of users, the majority had problems installing the mobile app.
Given the high barrier to entry to manually install a PWA to their phone, users often didn’t make it beyond registration. After multiple attempts to smooth out this process with messaging and workflow enhancements, we ultimately decided to release our consumer app as a native app to combat this dissonance. In our first month, we saw nearly double the amount of engagement in the first few sessions.
Alpha and beta research concluded that users were unsure where to start once they created their account.
During research we discovered people had an overwhelming amount of health-related stuff they were trying to remember for their families, but never knew how to organize it. In designing the early versions of the app, we focused heavily on the organization and sharing capabilities. However, users stumbled in getting information in, so a new guidance section and re-designed navigation helped reveal key features that were previously undiscovered.
As a personal health app, many experience analytics tools were off the cards given the sensitive data stored and our budget, so measuring engagement required some creativity.
Due to HIPAA and our own brand promise, we valued the privacy of our users so that tools like Mouseflow (given our budget and tech stack) were not able to be utilized for measuring engagement. We relied more on a limited implementation of Google Tag Manager, Intercom, user surveys, and feedback to gather intel on engagement and pain points. With an opportunity to try again, I would’ve advocated to prioritize for better analytics earlier in our development.

Research & Personas

After multiple research sessions, I refined three key personas to help influence the product roadmap, go-to-market strategy, and social campaigns.

During the re-design for our consumer release, we continued to re-visit and further refine these personas through ongoing user interviews.

personas

Workflows

I created various workflows for new features and user journeys to help refine, design, and create requirements, as well as document internal processes.

workflows

Alpha ➡️ Beta Design Evolution

Iterative improvements to the user's "home" screen made small movements in early engagement in the app. Generally, users needed a more clear pathway to success by bringing forward the way to add new information.

Style Image

Consumer Release Design

Learnings from the alpha and beta versions, led to a new architecture that favored a single profile with actionable items up front, like a new intelligent guidance card that helps users learn new features and get information in quickly.

Style Image

Design System and UI

After reviewing multiple component libraries, our team selected the Ant Design System to build the KinKeeper app due to it's accessibility features, responsive components, and ease of use for our tech stack. I based our design system on those components while also making room for custom components that fit our specific needs.

Style Image

Website & Marketing Materials

As Head of UX & Design, I was also solely responsible for the overall look and feel of all design from product to print, which included the marketing website and print materials.

Style Image

Impact 📈

A month after the launch of our new consumer app we saw a massive improvement in user abandonment during their first few sessions – jumping from 70% down to 37%. In addition, the same cohort of users were also more likely to be deemed active by using the platform 8 or more times in their first month – increasing from 9% to 19%.

Additional measurements in progress include satisfaction surveys that will compare beta users to consumer release users.

Reflection 💭

Being a part of a early-stage startup is always a unique challenge, but positive user feedback is it's own high-value reward. As a designer, being able to quickly iterate and test hypotheses is also a privilege that can lead to quick positive results.

Going forward, I will be more cognizant of ways I can gain insights from user behavior faster. Within the constraints of personal information in the consumer market, some OOTB tools may be out of reach due to budget or resources, but finding a way to gain this information is crucial.