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.

View full deck
View full deck
View full deck
Product link
Product link
Product link
Overview
Role
Role

UX/UI Design

Development (AI-assisted)

Product Manager (AI-assisted)

UX/UI Design

Development (AI-assisted)

Product Manager (AI-assisted)

Timeline
Timeline

3 Weeks (Design to Launch)

Jul - Aug, 2025

3 Weeks (Design to Launch)

Jul - Aug, 2025

Tools
Tools
Incorporate TCM to modern lifestyle with vibe coding
Incorporate TCM to modern lifestyle with vibe coding

This project explores how TCM principles can fit naturally into modern lifestyles through intuitive design and AI-assisted vibe coding. By translating traditional concepts into glanceable interfaces and culturally inspired visuals, the goal was to make TCM easier to understand and practice. AI tools helped generate illustrations and accelerate exploration, blending tradition and technology into a simple, modern wellness experience.

This project explores how TCM principles can fit naturally into modern lifestyles through intuitive design and AI-assisted vibe coding. By translating traditional concepts into glanceable interfaces and culturally inspired visuals, the goal was to make TCM easier to understand and practice. AI tools helped generate illustrations and accelerate exploration, blending tradition and technology into a simple, modern wellness experience.

Project Workflow
Product Preview

Check Time & View Details

Check Time & View Details

Check Time & View Details

Homepage shows current time

Homepage shows current time

Detailed info of each hour & meridian

Detailed info of each hour & meridian

Impact

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

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

2.04k+

2.04k+

Impressions

Impressions

6.26

6.26

Sessions per Device

Sessions per Device

4.84%

4.84%

Conversion Rate

Conversion Rate

Deliverables

Powered with AI, I delivered over 50+ frames and 200+ visual components.

Powered with AI, I delivered over 50+ frames and 200+ visual components.

90+

Design System's Assets

Design System's Assets

12

12

Illustrations

Illustrations

20+

20+

Customized Icons

Customized Icons

Research
Research

I conducted qualitative research to identify users’ needs and determine how I could more effectively support their efforts to live a healthy life.

I conducted qualitative research to identify users’ needs and determine how I could more effectively support their efforts to live a healthy life.

Desktop Research
Desktop Research

Rednote, Tik-tok & App Store comments

Rednote, Tik-tok & App Store comments

2 User Interviews
2 User Interviews

Interviewed people adopting a healthy lifestyle

Interviewed people adopting a healthy lifestyle

Insights
Insights
Growing curiosity toward traditional Chinese medicine (TCM)

Many users express strong interest in TCM as an alternative path to wellness. However, their understanding remains surface-level, driven by curiosity rather than practical knowledge.

Growing curiosity toward traditional Chinese medicine (TCM)

Many users express strong interest in TCM as an alternative path to wellness. However, their understanding remains surface-level, driven by curiosity rather than practical knowledge.

Lack of actionable guidance

Users often struggle to translate TCM theories into real actions. They find the information abstract, complex, and difficult to apply in daily routines.

Lack of actionable guidance

Users often struggle to translate TCM theories into real actions. They find the information abstract, complex, and difficult to apply in daily routines.

Difficulty integrating TCM into modern lifestyles

Even when users want to try, they don’t know how to adapt TCM to busy, fast-paced schedules. They need approachable ways to incorporate ancient wellness into everyday life.

Difficulty integrating TCM into modern lifestyles

Even when users want to try, they don’t know how to adapt TCM to busy, fast-paced schedules. They need approachable ways to incorporate ancient wellness into everyday life.

Problem Statement
Problem Statement

“How might we integrate TCM timing system into modern lifestyles, making routines intuitive, glanceable, and effortless?”

“How might we integrate TCM timing system into modern lifestyles, making routines intuitive, glanceable, and effortless?”

“How might we integrate TCM timing system into modern lifestyles, making routines intuitive, glanceable, and effortless?”

Persona
Persona

Challenge 1

Challenge 1

Converting traditional timing is annoying
Converting traditional timing is annoying

TCM often references concepts like body clocks or that are hard for users to convert or understand in modern terms.

TCM often references concepts like body clocks or that are hard for users to convert or understand in modern terms.

Challenge 2

Challenge 2

Finding TCM knowledge is time-consuming
Finding TCM knowledge is time-consuming

Users want to learn about TCM, but information is scattered and inconsistent to look up.

Users want to learn about TCM, but information is scattered and inconsistent to look up.

Challenge 3

Challenge 3

TCM concepts feel abstract & confusing
TCM concepts feel abstract & confusing

Many TCM theories are complex or metaphorical, making them intimidating and inaccessible for beginners.

Many TCM theories are complex or metaphorical, making them intimidating and inaccessible for beginners.

Design

I designed the complete UX and UI and produced custom AI-generated illustrations to support the visual identity.

I designed the complete UX and UI and produced custom AI-generated illustrations to support the visual identity.

Challenge 1

Challenge 1

Converting traditional timing is annoying
Converting traditional timing is annoying
Dial of TCM timing system + Health advice
Dial of TCM timing system + Health advice

A clean, focused home screen that displays the current time, the active TCM meridian, and tailored health tips based on the hour.

Challenge 2

Challenge 2

Finding TCM knowledge is time-consuming
Finding TCM knowledge is time-consuming
Detailed information based on the TCM timing system

Users can explore structured, easy-to-understand explanations tied to each time period within the TCM body clock. For every hour block, the app provides related organs, functions, symptoms to watch for, and recommended lifestyle habits.

Challenge 3

Challenge 3

TCM concepts feel abstract & confusing
TCM concepts feel abstract & confusing
Iconify TCM timing for instant recognition

Converting meridians and time blocks into a unified icon system helps users quickly grasp their meaning and remember them effortlessly.

Craft culturally inspired Chinese-style icons

Reinterpreting everyday icons through Chinese motifs, like using an abacus in place of a tuner, reinforces the product’s cultural context and visual harmony.

llustrative Metaphors for Easier Understanding
Design System

I created a comprehensive design system that streamlined development workflows and maintained consistent user experiences across the product.

I created a comprehensive design system that streamlined development workflows and maintained consistent user experiences across the product.

A natural classical painting-inspired style

  • Color

A palette drawn from natural, low-saturation tones to create a calm, pure, and comfortable visual atmosphere.

  • Typography

Source Serif was chosen for its balanced blend of modern clarity and classical elegance, offering broad coverage across languages.

  • Spacing & Corner Radius

A coherent spacing scale and unified corner radius system ensure consistency and streamline development using MCP.

My Learnings
My Learnings
  1. Early alignment between designers and developers is essential
  1. Early alignment between designers and developers is essential

Close collaboration and shared understanding helped prevent rework, ensured feasibility, and allowed the design vision to translate smoothly into implementation.

Close collaboration and shared understanding helped prevent rework, ensured feasibility, and allowed the design vision to translate smoothly into implementation.

  1. Domain knowledge greatly enhances AI-driven workflows
  1. Domain knowledge greatly enhances AI-driven workflows

Working with AI tools (such as vibe-coding or generative illustrations) required a strong grasp of what to do—showing that meaningful outputs depend on deep domain understanding, not just prompts.

Working with AI tools (such as vibe-coding or generative illustrations) required a strong grasp of what to do—showing that meaningful outputs depend on deep domain understanding, not just prompts.

  1. Collaboration fuels better ideas and better outcomes
  1. Collaboration fuels better ideas and better outcomes

This project reinforced my desire for more cross-functional collaboration. Diverse perspectives—whether from engineering, product, or domain experts—consistently elevated both the design quality and the problem-solving process.

This project reinforced my desire for more cross-functional collaboration. Diverse perspectives—whether from engineering, product, or domain experts—consistently elevated both the design quality and the problem-solving process.