Product design / AI workflowOngoing · 2026

Finfold

Finfold fish mark

From one idea
to content ready for review

Bringing content preparation, channel adaptation, and human review into one workspace for founders and small teams.

AI product design · Interaction · Interface systemExplore the interface ↓
My role
AI Product Designer · UX & UI design lead
Collaboration
Product and engineering collaboration
Status
Live product · Ongoing iteration
SoloVerse3rd place · Emergence Award
FC-OPC × Next iBotBest Edge–Cloud Collaboration
X-Agent AI MCP4th · Open Innovation
↗
01

Overview

A content workflow
built for small teams

The starting point was specific: one product update still needed several rewrites before it could travel across channels. Finfold brings that preparation together while keeping the final decision with the person publishing.

A product in use

Designed for
real use

September 2026 · Product data
2,200Cumulative users
50%+Users outside ChinaSee content performance ↗
One source → Channel drafts → Human reviewClick to enlarge

My contribution

I shaped the core tasks, reorganized the workspace, and designed the bilingual, light and dark interface system. With the team, I carried confirmation, cancellation, and recovery states into the product.

02

Market research

Faster production
leaves a workflow gap

87%

Reported improved productivity

39%

Reported improved content performance

B2B marketers using AI for content creation · CMI / MarketingProfs · 2026 ↗

The work after generation deserves design attention

Research scope and methodology

The report covers 1,015 B2B marketers, primarily in North America, surveyed June 24–August 14, 2025. Percentages are self-reported by the subgroup using AI to create content.

03

Competitive analysis

From brand expression
to content operations

Jasper ↗

Brand expression

Keep a consistent voice

Reusable context reduces repeated briefing

Buffer ↗

Content operations

Bring every channel into one calendar

Visible schedules and states make handoffs clear

Finfold
Design opportunity

Connect context, creation, and review

Brand context → Channel drafts → Human review

↗
04

User research

Real industries
real content work

The research includes participant interviews and real client contexts in cycling retail and cross-border medical services.

Four parts of a publishing task

Task analysis
  1. 01

    Gather

    Product context and intent

  2. 02

    Adapt

    Opening, length, structure

  3. 03

    Review

    Facts, tone, requirements

  4. 04

    Reuse

    Drafts, brand, outcomes

05

Insights & opportunities

One voice, different channels
and a human decision

01 / Less repeated briefing

Context should carry forward

Reusable brand memory and rules

02 / One source, different expressions

Make channel differences visible

Switch channels and edit each draft

03 / The final decision stays human

Make approval explicit

Review first, then hand off to publish

06

Architecture & prototyping

Organizing the workspace
around inputs and outcomes

Earlier workflow

Six tasks to keep reconnecting

  1. 01Find the angle
  2. 02Explain the brand
  3. 03Write the copy
  4. 04Prepare visuals
  5. 05Revise drafts
  6. 06Record feedback
The Finfold workflow

A connected task, with human judgment

  1. 01

    Bring the source

    Product update · Brand context

  2. 02

    Create and edit

    Content shaped for each channel

  3. 03

    Review and follow through

    Human review · Saved content

Brand memory carries throughPositioning / Audience / Voice / Examples

Earlier layout01

Nav
Source
Channels
Outputs

Three competing columns left less room to review

Revised structure02

Nav
Source + channels
Content preview

Inputs grouped together; more space for the output

Layout evolution diagrams reconstructed from the earlier and current versions

07

UI & design system

Making room
for the work that matters

Mist and graphite share the same hierarchy. Translucency sits in navigation and controls; reading surfaces remain stable.

Visual language

Soft ambient color
and clear reading surfaces

Less border weight and fewer competing accents. Space, type, and a restrained green distinguish priorities.

Aa 01Reading first
Clear numbers, quiet hierarchy
08

Design decisions

What to surface
and when to hand back control

01 / Context design

Make brand context visible and editable

Identity, positioning, and voice live together. People can see and edit the context behind AI-generated content.

Saved voice principle
Clear, credible, without overpromising
Joey Zhao · Person + brand

The design decision

Separate recurring context from the source for each task. Stable brand information and changing task inputs each have a clear home.

02 / Channel adaptation

One source, two different openings

Two drafts from the same saved content kit, for X and LinkedIn.

Source excerpt

Finfold helps solo founders and small teams turn one product update into platform-specific content drafts.

One product updateTwo channelsReview before publishing
𝕏X / TwitterDraft excerpt
Solo founders don’t hate writing. They hate writing the same update four different ways.
01

Open directly with the repeated work

02

Number the workflow and its limits

Short hook · Numbered thread
inLinkedInDraft excerpt
Most solo founders publish one platform and quietly abandon the rest.

Not from laziness. From arithmetic.
01

Start with the founder’s situation

02

Explain the workflow and design choices

Situational hook · Narrative structure

The structure changes by channel; the facts and review controls stay in view

Make the starting point obvious

The Agent opens with a prompt and common tasks. Supporting panels appear when needed, so the first screen stays approachable.

Keep frequent actions next to the result

Editing and copying stay within reach. Secondary controls step back so the content remains the focus.

01

Honest progress

Show elapsed time and returned outputs; let people read what is ready

02

Recovery

Keep cancellation, retry, and draft recovery within the workflow

03

Human review

Distinguish drafts, review, and publishing handoff so consequences are clear

09

Usability testing

Testing the decisions
against real tasks

We tested generation, editing, and recovery to examine key interactions and how users understood each state.

Task-based testing

TASK 01

Turn one update
into two channel drafts

Checked first actions and channel selection

TASK 02

Find a problem
and revise one draft

Checked editing controls and version understanding

TASK 03

Return after an interruption
and finish the task

Checked draft retrieval and recovery

10

Outcomes

Real content performance
and three hackathon honors

Xiaohongshu · Design education

From content creation
to real engagement

Why do McDonald’s seats make you want to leave after 40 minutes?

Single-post metrics · September 2026 pitch deck

Hackathon recognition

2026 / FINFOLD

3rd place · Emergence Award

HuaQing PuZhi · SoloVerse

Best Edge–Cloud Collaboration

FC-OPC × Next iBot
Shanghai Creative Hackathon

From project presentations and live demos

From a finished interface
to a completed task

This iteration sharpened my attention to control in AI products: whether inputs survive, outputs remain editable, and the next action is understandable.

Joey Zhao / AI Product Designer

Complex products
deserve clear experiences

Open to AI product design roles and project collaborations

Let’s talk ↗View résumé ↗Explore Finfold ↗
© 2026 Joey Zhao← Back to selected workBack to top ↑