IoT Dashboard for Real-Time Temperature & Humidity Monitoring

Smart Appliances

Smart Appliances

Smart Appliances

Smart Appliances

Mobile & Desktop

Mobile & Desktop

Mobile & Desktop

Mobile & Desktop

IoT Dashboard for Real-Time Temperature & Humidity Monitoring

Smart Appliances

Smart Appliances

Smart Appliances

Smart Appliances

Design system

Design system

Design system

Design system

Info.

A sensor-based IoT alert system to support SMEs with reliable temperature monitoring

Info.

A sensor-based IoT alert system to support SMEs with reliable temperature monitoring

Role.

Design 0-to-1 mobile experience, bridging firmware integration with mobile experience

Role.

Design 0-to-1 mobile experience, bridging firmware integration with mobile experience

Team.

Product Manger, 2 UX designers, 2 Firmware engineers, 2 Full-stack engineers

Team.

Product Manger, 2 UX designers, 2 Firmware engineers, 2 Full-stack engineers

Info.

A fundraising project on a sensor-based IoT alert system to support small‑to‑medium businesses with reliable temperature monitoring

Info.

A fundraising project on a sensor-based IoT alert system to support small‑to‑medium businesses with reliable temperature monitoring

Role.

Design 0-to-1 mobile experience, bridging firmware integration with mobile experience

Role.

Design 0-to-1 mobile experience, bridging firmware integration with mobile experience

Clunky dashboards, high upfront cost, and delayed alerts

Clunky dashboards, high upfront cost, and delayed alerts

Project overview

Translating sensor signals into a user-friendly product

Since August, I work as a product designer to improve the mobile IoT experience for small businesses managing temperature sensor data. Collaborating closely with a full-stack engineering team across firmware and software, I design the end-to-end journey where users install, receive, and resolve sensor alerts.

Since August, I worked closely with engineers and product manager to improve the mobile IoT experience for small businesses managing temperature sensor data.

This sends temperature data

This sensor receives and sends temperature data

How should user use it?

Pain points

When an alert goes off in a bakery's back kitchen, it means a lot of things at once.

It involves who to resolve, how long to resolve the alert, and how critical the condition is. These challenges require the alert system to support multiple roles, time-sensitive decisions, and varying levels of urgency, all while being simple enough to satisfy the need to act fast.

It challenges the alert system to support multiple roles, time-sensitive decisions, and varying levels of urgency, all while being simple enough to satisfy the need to act fast.

Delays in reaching alerts lead to slower responses and unresolved issues.

Solution direction

How might we unify scattered alert workflows into a system that works across devices?

Design challenge

Defining a mobile dashboard for quick decisions

The team wants a dashboard to be an information hub that could help users search, assess, resolve, and monitor sensors. I experimented with different hierarchies and UI styles with color codes to create a mobile dashboard that emphasize all critical information within a quick glance.

The team wants a dashboard to be an information hub that could help users search, assess, resolve, and monitor sensors. I experimented with different hierarchies and UI styles to create a mobile dashboard that emphasize all critical information within a quick glance.

Team challenge

Reaching alignment between team merging

The project also underwent several phases where mobile and desktop designs were owned by two different teams, each addressing unique user requirements. To stay aligned, I led weekly check-ins with other designers, conducted screen-by-screen reviews and walkthroughs with engineers.

Re-mapping IA

Reviews with PM & Engineer

My contributions at a glance

Balancing systems thinking and UI polishment

Mobile = Action, Desktop = Review

Mobile = Action, Desktop = Review

Mobile = Action, Desktop = Review

Mobile = Action, Desktop = Review

Feature #1

I prioritize real-time alert resolution on mobile, while desktop is designed to support in-depth and comprehensive data review.

Feature #1

I prioritize real-time alert resolution on mobile, while desktop is designed to support in-depth and comprehensive data review.

Feature #1

I prioritize real-time alert resolution on mobile, while desktop is designed to support in-depth and comprehensive data review.

Feature #1

I prioritize real-time alert resolution on mobile, while desktop is designed to support in-depth and comprehensive data review.

Easy device setup

Easy device setup

Easy device setup

Easy device setup

Feature #2

Taking cues from industry standards, I collaborated with a firmware engineer to implement QR code setup, streamlining onboarding to reduce lengthy setup time.

Feature #2

Taking cues from industry standards, I collaborated with a firmware engineer to implement QR code setup, streamlining onboarding to reduce lengthy setup time.

Feature #2

Taking cues from industry standards, I collaborated with a firmware engineer to implement QR code setup, streamlining onboarding to reduce lengthy setup time.

Feature #2

Taking cues from industry standards, I collaborated with a firmware engineer to implement QR code setup, streamlining onboarding to reduce lengthy setup time.

Unified Design System

Unified Design System

Unified Design System

Unified Design System

Highlight #2

A clean style guide built for cross-team collaboration to ensure consistency and clarity for handoff across design and engineering

Highlight #2

A clean style guide built for cross-team collaboration to ensure consistency and clarity for handoff across design and engineering

Highlight #2

A clean style guide built for cross-team collaboration to ensure consistency and clarity for handoff across design and engineering

Highlight #2

A clean style guide built for cross-team collaboration to ensure consistency and clarity for handoff across design and engineering

The outcome

What stuck with the team:
an action-oriented user flow

What stuck with the team:
an action-oriented user flow

Results

  • Achieved the goal of reducing device setup time to under 30-minute installation

  • Introduced user flows that unblocked the team from differentiating product focus for mobile and desktop ends

  • QR Onboarding flow adopted by the team and currently under active development.

Dashboard in development for testing

A Newsletter Viewer

Feature 1 (Shipped)

An all-in-one-place archive that enable the user to read through the most current newsletter and the organization to keep active documentation of all current and past works works with ease

Info.

A fundraising project on a sensor-based IoT alert system to support small‑to‑medium businesses with reliable temperature monitoring

Info.

A fundraising project on a sensor-based IoT alert system to support small‑to‑medium businesses with reliable temperature monitoring

Role.

Design 0-to-1 mobile experience, bridging firmware integration with mobile experience

Role.

Design 0-to-1 mobile experience, bridging firmware integration with mobile experience

Team.

1 Product Manger, 2 UX designers, 2 Firmware engineers, 2 Full-stack engineers

Team.

1 Product Manger, 2 UX designers, 2 Firmware engineers, 2 Full-stack engineers