flomo

(2025)

Duration
5 Weeks
Role
Product Designer
Project
Designed and prototyped an AI-powered feature that visualizes note relationships through vectorization.

✴ WHAT IS FLOMO ✴

Mimimum card-notes trusted by a million users
Flomo is all about capturing fleeting thoughts and building a knowledge network through daily note-taking. Its mission and values can be explored here.

✴ KEY FEATURES ✴

Tag Visualization
Tag Reflection
Tag Organization

✴ BUSINESS CHALLENGE ✴

Users capture quickly but don’t return—DAU declines
Given stakeholder interest in AI, I shaped the research to explore design considerations related to AI
Method 1
‍Collaborated with internal experts
to define the problem space and explore technical considerations around integrating AI.

‍Method 2
Conducted user interviews
to understand perceptions and expectations of AI. Used a decision framework to evaluate and communicate when AI is necessary or appropriate.

✴ RESEARCH INSIGHTS ✴

Users do not want AI to revise their memos. They believe flomo should emphasizes:
Facilitate open conversations around AI

✴ DESIGN QUESTION ✴

✴ STEP 1 - VISUALIZE NOTES ✴

AI brings a spatial layer to uncover connections
Solution: Infinite canvas for notes
The infinite canvas offers a visual interface for navigating sub-tags and their connected notes within a tag.
Iteration: Solving information occlusion with multi-level display
Before
User data shows many users have over eight sub-tags per tag. Mid-fidelity testing revealed scroll fatigue and information occlusion with excessive sub-tags.
After
Designed a two-level dot system: as users zoom in, a second layer with descriptions appears on the canvas.
Final Design: Infinite canvas for note exploration

✴ STEP 2 REFLECT ON NOTES ✴

AI agent guides reflections
Solution: AI chat interface to acts as your personal mentor
AI acts as your personal mentor—surfacing insights, patterns, and questions worth pondering.
Iteration: Improving information efficiency with  card carousel view
Before
Users had to scroll through a long vertical list of notes, which felt repetitive and overwhelming. No quick way to collapse or skim content efficiently.
After
The carousel view presents notes as horizontally scrollable cards, making the experience feel lighter and more dynamic, reducing cognitive load and visual fatigue.
Final Design: AI agent for guided note reflection

✴ STEP 3 ORGANIZE NOTES ✴

AI help with organizing your notes
Solution: AI identifies and suggests tags for related notes
AI serves as your personal organizer—structuring your tagged notes for clarity and easy retrieval.
Iteration: Improving scalability and hierarchy
Before
Illustrations were hard to scale and didn’t clearly convey meaning. The relationship between AI insights and notes was unclear, leading to user confusion.
After
Scalable graphics improved visual clarity and adaptability across screens. Embedding notes within insight cards made the AI-note connection obvious and easier to understand.
Final Design: Infinite canvas for note exploration

Work with me

I am open to full-time roles in product design.

Based in Seattle, WA.
Open to Relocation

Hit me up