Viviome Health

Viviome Health - At-home health testing mobile app

Role UX/UI Design Intern
Timeline Jan – Jun 2021
UX/UI DesignMobileHealth-Tech

Viviome Health provides at-home gut microbiome testing kits. As a UX/UI intern, I designed the mobile experience that guides users through the entire journey - from unboxing and sample collection to understanding their personalized health results. The focus was on making a clinical process feel approachable and trustworthy.

Goal

Build an interactive mobile prototype that works with at-home testing kits - connecting users with their health data and healthcare professionals.

Deliverables

  • Competitive analysis
  • System map & user flows
  • Hand-drawn wireframes
  • High-fidelity prototype
  • Responsive UI library
  • Branding assets

Team

  • UX/UI Design Intern (me)
  • Product team at Spatial Lab

Project Details

Company
Spatial Lab (Viviome / Vi2)
Duration
6 months (Jan–Jun 2021)
Focus
Mobile UX/UI, Health-Tech, Prototyping

The Brief

Viviome (later renamed Vi2) is a service by Spatial Lab offering systematic at-home health testing. With a domestic testing device, households gain timely access to health information - microbiome, infections - without hospital visits. My role was to design a mobile application that works with the testing kit, connects users with health professionals, and presents results clearly.

High-fidelity dashboard screens for the Viviome app
The main dashboard - health condition assessment, test management, and analytics at a glance

Challenge I: Defining the App's Role

The first challenge was understanding where the app sits within the broader product ecosystem. Through competitive analysis of telehealth hardware and companion apps, we mapped the spectrum of scenarios where mobile apps support at-home health devices - from simple result viewers to full diagnostic platforms.

Competitive analysis comparing telehealth apps
Competitive analysis feature comparison

Scoping the System

After mind-mapping sessions and user research, we defined the design scope: the app should help users create accounts, receive analytical information, execute tests, and share results with their healthcare network.

System map defining the application's scope and feature relationships
System map framing the app's primary features and data flows

Challenge II: Matching Medical Needs

With the larger framework set, we specified the medical needs of users. Through at-home tests, users are most interested in detecting health risks for themselves and family members, then getting professional guidance. Three major test types were included for the initial product - with the vision that Vi2 would grow into a platform hosting tests from multiple manufacturers.

Three types of health tests supported by the Vi2 platform
Test categories designed around the most common at-home health screening needs
High-fidelity test flow screens
Health network and sharing screens

Challenge III: Designing for Change

The application was expected to undergo many iterations after my work. New features or entirely different approaches might be introduced. I approached the design with change in mind - building a fully responsive UI library that anyone could update and extend without rebuilding from scratch.

Responsive UI component library for the Vi2 design system
The UI library - fully responsive components designed for easy future iteration

Process Documentation

Throughout the project, I maintained detailed documentation including customer journey maps, system maps, hand-drawn wireframes, and branding explorations to ensure a smooth handoff and clear design rationale.

Customer journey map for the at-home testing experience
Hand-drawn wireframe explorations
Additional wireframe sketches
Branding assets and visual identity for Vi2
Branding exploration for the Vi2 identity

Designing for a product that will evolve long after your involvement requires humility - build systems, not just screens, so the next designer can pick up where you left off.

- Key takeaway