Product Design

Healthblock

Project Length - 1 month

Summary

HealthBlock is a code-free platform that connects clinical researchers with participants with innovative tools to conduct powerful, remote mobile studies. HealthBlock is a startup that I co-founded with a team in November of 2018 addressing consumer concerns towards their health data privacy with IOT wearable devices. We set out with the original goal of giving users power over their data and the ability to leverage its value but then we discovered a way to solve this problem and simultaneously empower medical researchers to accomplish extraordinary things.

Objective

Create a sleek, usable interface for two different user types. Design entire UI for mobile, consumer-facing application and web-application for the researcher.

Contribution

I was the sole designer working with a team of 10 other people including software engineers, business students, and biomedical engineers. Communicated with business and development teams to research and determine needs of the interface. Comprehended backend functionality and use of Blockchain technology within the application to better inform interface design. Understood business model and translated to a user’s needs in that context. Acted as a bridge between the business and development while maintaining user advocacy. Assisted in developing pitch strategy to potential investors.
Part I.

User Interface

The first part of this interface would be a mobile application that users would pair with their IOT wearable devices, track their health data, and be able to trade their data for currency.

Research & Strategy

With limited time and resources, I set out to get an introduction to clinical research. It was surprisingly difficult to find information on this topic, aside from a 5 hour course on developing medical study architecture for clinical trials. I took the entire course to understand how and what a clinical researcher does to accomplish their job.

Card Sorting

Keypath Scenarios & Info Architecture

The first part of my process involved identifying the keypath scenarios for the application.

My team and I determined what information was needed in the application, which allowed us to construct the information architecture.

Keypath Scenarios & Low Fidelity Wireframes (Whiteboarding)

Interaction frameworks & Wireframing

This project required quick adaptability when it came to developing my process. The UI design process required me to jump around through multiple different components, rapidly create prototypes for designs as they were being made, pause when necessary to discuss direction with developers and the business team, delegate tasks to designers, and direct information  architecture. This resulted in a hybrid mixture of low fidelity wireframes and interaction frameworks combined into one user flow.

Prototyping

Working closely with the developers to outline functionality, I developed a rapid prototype using Adobe XD that we recorded and displayed in real time also demonstrating the backend functionality shown side by side during our pitch deck.

Part II.

Researcher Interface

Our team was now digging deeper into the second side of the value proposition: an easy way for doctors and researchers to build and deploy studies. Our team spent months researching and sharing ideas for our business strategy, backend architecture, and, of course, design of the interface. I worked closely with the product manager to mold the vision into a working design.

Sketching New Concepts & Research as a Team

Designing The Second Piece

After weeks of research on clinical trial design, I set out to develop an interface that would allow researchers to create all necessary components of a study that would be viable for institutional review board (IRB) approval. This needed to include a study protocol, compensation, informed consent contract for human subject research, and a way to implement innovative tools provided through the platform. Working closely with the business, strategy, and development team to outline functionality, I developed a rapid prototype using Adobe XD.

Final Prototype

My final task was to prototype my designs to present to a panel of 20 experts, which included executives, entrepreneurs, and venture capitalists from Silicon Valley. I had less than a minute to present alongside the following click-through demonstration, in order to explain our product's core value proposition. I received positive feedback from the panelists for clear explanation, that allowed them to much better envision what our product actually was.

Part III.

Conclusion

Our team participated in two separate startup competitions: Cal Poly Startup Weekend and Innovation Quest. We placed 3rd in the Innovation Quest competition, receiving $2,500 as a prize, and were encouraged to apply for the incubator program at the Center for Innovation and Entrepreneurship — however, in the end our team decided to part ways to pursue full time careers instead.

Previous Project
Next Project