Skip to content

Industry

Technology

Redefining how people engage with their health and fitness data.

Metria, a wearable sensor from Vancive Medical Technologies, collects health and fitness data with unmatched accuracy. Designed for medical research, health insurance, and daily life applications, the Metria IH1 is a game-changer in wearable technology. When Vancive approached us to create an app that could seamlessly visualize this data and provide personalized insights, we knew it had to be as innovative and user-friendly as the product itself.

We took a human-centered approach, immersing ourselves in the user experience by wearing the Metria IH1 for a full week, allowing us to deeply understand the data and its impact. Through extensive testing and iterations, we developed a clean, intuitive interface that presents complex data—like calories burned, steps taken, and sleep duration—in a simple, accessible way. The app delivers complete data sets for medical professionals while remaining accessible for everyday users to navigate. We integrated a custom API to connect device data to the app and implemented a secure OAuth 2 server for user authentication. The result was a safe, intuitive, and powerful tool that empowers Metria to redefine how people engage with their health and fitness data.

User testing up-close and personal

Extensive user testing was essential to establishing the best possible experience. We quickly realized that to get the most useful feedback, we would need to wear the Metria IH1 for a seven-day period ourselves. This provided a valuable immersion into the data and allowed us to create a truly human-centered interface.

Visualizing millions of data points

The Metria IH1 application needed to give users easy access to a range of data from their last wear period, including calories, burned, steps taken, sleep duration, and more. It was important that the interface be simple, despite the detail of the data that the device collects. At the same time, medical researchers and health professionals needed access to the full range of data points. We iterated through multiple interface options before reaching a solution that successfully accommodated both use cases.

API with OAuth 2.0

Among the technical challenges of the Metria project was the connection between the device data and the application interface. We wrote a custom API to connect the two and established an OAuth 2 server for authenticating with the custom API. This allowed only authorized developers to use Metria data in their own applications.

An Integrated Process

Web development was a true collaboration: WHQ brought a modern front-end stack to the table, and Metria brought a solid backend infrastructure. The site is built in Laravel, one of two frameworks we prefer to work with. Laravel pulls in data to build a static, single-directory, serverless website that can be deployed to S3 or a CDN for optimal performance.

Share this Case Study

Related work

Sloan

Sloan

A plumbing pioneer redesigned

Sloan
Spikeball

Spikeball

Inventing the next Great American sport

Spikeball

Let’s shape the future of your brand.

Contact us today to begin your brand and website transformation to capture attention and drive lasting growth.