ThermoFlow is a companion app for a smart heated coffee dripper, designed to make temperature control clear, precise, and effortless. The interface allows users to monitor the current water temperature, set a target temperature, manage multiple connected devices, and adjust essential heating settings from different screen sizes.

Company

ThermoFlow

Timeline

8 weeks

Role

UI/UX Designer

Mockup image

Project Overview

ThermoFlow needed a unified digital experience for monitoring and controlling a heated coffee dripper. Users had to understand the device’s current state at a glance, choose the desired temperature, and manage several connected drippers without navigating through complex settings.

The objective was to create a clear control system that communicates temperature changes in real time and works naturally across personal and shared devices.

Challenge

The main challenge was displaying two closely related values—the current temperature and the target temperature—without creating confusion or adding unnecessary visual complexity.

The product also needed to support multiple connected drippers simultaneously. Each device could have a different temperature, battery level, target setting, and heating status, so users needed a quick way to scan the entire system and access an individual device when more control was required.

A further challenge was adapting the experience across phones, tablets, and larger monitors while preserving the same hierarchy, functionality, and interaction logic.

Abstract glitter background with blue and pink hues, featuring shimmering particles and a smooth color gradient.
A close-up of a shimmering, iridescent surface with flowing textures and vibrant highlights against a dark background.
A mesmerizing close-up of sparkling silver glitter on a black background, with light reflections creating a magical, dynamic effect.
Abstract light refraction with shimmering textures and prismatic colors on a dark background, creating a dreamy, ethereal effect.
Abstract wave of sparkling particles against a dark background, creating a surreal and dynamic visual effect.

Results

ThermoFlow resulted in a scalable interface concept that makes a technically complex connected-device system feel focused and approachable.

The solution enables users to:

  • Distinguish current and target temperatures at a glance

  • Monitor multiple coffee drippers from one dashboard

  • Move smoothly between overview and detailed controls

  • Access key heating settings without unnecessary navigation

  • Use the same familiar experience across different screen sizes

The project demonstrates how thoughtful information hierarchy and responsive interaction design can turn live technical data into a simple, user-friendly product experience.