Know Time

Know Time

Traditional Time System Clock App

Traditional Time System Clock App

A quiet app that brings ancient Chinese wisdom into your daily rhythm.

A quiet app that brings ancient Chinese wisdom into your daily rhythm.

Overview

A quiet, AI-assisted app that turns the ancient Chinese meridian clock into a modern daily ritual.

Role
Role

UX/UI Design

Development (AI-assisted)

UX/UI Design

Development (AI-assisted)

Timeline
Timeline

Jul 2024 · 3 Weeks

Jul 2024 · 3 Weeks

Tool
Tool

Figma, Flutter, Cursor

Figma, Flutter, Cursor

Problem Statement

How to bring ancient wellness to life intuitively, glanceably, and without friction?

Time conversion is tedious

Switching between clock time and shichen is slow and manual.

Hard to remember terms

Abstract names lack visual or intuitive anchors.

Wisdom feels out of place

Ancient ideas don’t fit into modern routines.

Impact

Small scale, real resonance. High engagement and zero crashes proved this quiet ritual found its people.

2.04k+

2.04k+

2.04k+

Impressions
Impressions

6.26

6.26

6.26

Sessions per Device
Sessions per Device

4.84%

4.84%

4.84%

Conversion Rate
Conversion Rate

Check time and related meridians info

Precise timing based on your location

Procress

I designed and built Know Time solo, using AI as a co-pilot, iterating from failed prototypes to a focused, culturally grounded experience.

I designed and built Know Time solo, using AI as a co-pilot, iterating from failed prototypes to a focused, culturally grounded experience.

A reimagined familiar dial

The first version confused users and stumped the AI. I switched to a classic clock layout with Zi, Chou, Yin … in place of numbers, making it readable.

Organized meridian info

The home screen stays clean by moving meridian details to other pages. Labels match the framework and database to keep design and code in sync.

A classical & natural design system

The palette draws from Chinese painting: vermilion, ink brown, moss green. With Source Han Serif and standardized spacing, it enables smooth MCP handoff.

Icons with cultural soul

I swapped uneven meridian names for 12 expressive icons tied to their function and hour, and gave utility icons a cultural twist like an abacus tuner.

Interested in the full story?
Interested in the full story?

If you're interested in this project, I’d be happy to share more during an interview. Especially how I built it with AI~

If you're interested in this project, I’d be happy to share more during an interview. Especially how I built it with AI~