UI/UX & Frontend

Rootin

An AI-powered plant care companion that combines IoT soil moisture sensors with Flutter mobile app, real-time monitoring, AI plant identification, and intelligent notifications.

My Role

UI/UX Designer & Frontend Developer

Core Stack

Flutter, Dart, Firebase, Figma, GitHub

Timeline

2024.09 — 2024.12

Live Project

The Challenge

The core problem

Plant owners don’t know when or how much to water. Overwatering and underwatering are common; care is guesswork. Without real-time soil data or clear guidance, plants suffer and users lose confidence.

Product vision

One app that connects custom BLE soil sensors with intelligent recommendations, real-time moisture visualization, and AI-powered plant identification—so plant care becomes data-driven and proactive.

What I owned

Designed and built the end-to-end Flutter app: 38+ screens, custom BLE service for sensor data, Firebase integration, and TensorFlow Lite for on-device plant ID. Delivered a consistent design system (status colors, plant cards, FL Chart for weekly trends), bottom navigation, and context-aware notifications. Ensured under-2s latency for sensor updates and 95%+ notification delivery.

Results

99%+ BLE connection success, under-2s data latency, 95%+ plant identification accuracy, and 95% notification delivery. Multi-language support (English/Korean). Users get real-time visibility and actionable care guidance instead of guesswork.

Design System

Consistent color system for status (ideal, underwater, overwater), reusable plant cards, status icons, bottom navigation, and FL Chart components for weekly moisture trends.

Typography

Inter Bold

Inter Medium

Inter Regular

Colors

Primary

#06C1C7

Secondary

#9BE6E9

Accent

#FF004F

White

#FFFFFF

Black

#000000

Gray 100

#F5F5F5

Gray 200

#EEEEEE

Gray 300

#E0E0E0

Gray 600

#757575

Rootin design system with plant cards, status indicators, and chart componentsRootin overall tips screenRootin AI chat screen
Rootin home screen with plant list and watering card
Feature 01

Home

Today's watering status, my plants grid with status indicators, and quick add.

Rootin plant detail with real-time soil moisture and weekly trends
Feature 02

Plant detail & real-time moisture

Care tips, soil moisture alerts, weekly trends chart, and upcoming watering.

Impact & Results

Rootin achieved high reliability across BLE connectivity, notification delivery, and plant identification, with multi-language support (English/Korean).

95%

Notification Delivery

99%+

BLE Connection Success

95%+

Plant ID Accuracy

<2s

Data Latency

Reflection

I’d run a longer beta to tune BLE reconnection and battery usage. I learned how important it is to design for sensor delay and offline states so the app feels responsive even when data is stale.