Jennifer Wu | Product Design Portfolio

Tillstar Wallet Upgrade

Designed and launched AI-powered tools for teachers that reduce their workload and boost productivity, leading to 200,000+ daily active users(DAU).

Timeline

3 months, 2024

Role

UI/UX Design

UX Research

UI/UX Design

UX Research

Team

Ming Xiao - Product Manager

Qiu Rou - Data Analyst

Chen Yi, Hen Mo, Zha Ban - Developers

Ming Xiao - Product Manager

Qiu Rou - Data Analyst

Chen Yi, Hen Mo, Zha Ban - Developers

AI Tools For Teachers

Designed and launched AI-powered tools for teachers that reduce their workload and boost productivity, leading to 200,000+ daily active users(DAU).

Timeline

3 months, 2024

Role

UI/UX Design

UX Research

Team

Ming Xiao - Product Manager

Qiu Rou - Data Analyst

Chen Yi, Hen Mo, Lan Bo - Developers

Context

Bringing AI into education industry

DingTalk Education is China's leading SaaS education platform, serving over 100 million teachers, students, and parents with communication, collaboration, and management tools.

At the 2023 Spring Product Launch, DingTalk’s President announced the company’s ‘All in AI’ strategy, committing to upgrade all product lines with AI capabilities within next year.

Context

Challenge

Chinese teachers face an overwhelming workload each day — each teacher manages 2 or 3 classes, handling 15+ tasks from teaching and student management to administrative work, often working from 8am to midnight.

Chinese teachers face an overwhelming workload each day — each teacher manages 2 or 3 classes, handling 15+ tasks from teaching and student management to administrative work, often working from 8am to midnight.

Challenge

Solution

We launched AI-powered features — combining Generative AI for content creation and AI Agents for workflow automation — to reduce teachers' workload and boost their productivity.

We launched AI-powered features — combining Generative AI for content creation and AI Agents for workflow automation — to reduce teachers' workload and boost their productivity.

01 Generative AI

Tightly integrates AI capabilities within target scenarios, makes it easy to access this feature without disrupting workflows.

02 AI Agents

AI agents autonomously handle repetitive operations via automated workflows, eliminating repetitive workloads.

Solution

Result

+200K

Daily Active Users(DAU) Growth

54.9%

AIGC Feature Adoption Rate

32.8%

Average Task Time Reduction

Result

Process

Iteratively optimized and validated design decision through data-driven tracking and testing, while collaborating closely with cross-functional teams.

Iteratively optimized and validated design decision through data-driven tracking and testing, while collaborating closely with cross-functional teams.

01 Research

Conducted two rounds of user research to uncover pain points and shaped product direction.

02 Design

Iteratively tested and validated designs using post-launch behavioral data and user feedback.

Process

Discovery

Through two rounds of user research — a diary study followed by in-depth interviews — we mapped teachers' daily tasks and identified what made those so time-consuming.

Through two rounds of user research — a diary study followed by in-depth interviews — we mapped teachers' daily tasks and identified what made those so time-consuming.

Round 1 — Diary Study

I conducted a 5-day diary study with 8 teachers documenting their daily schedule.

Round 2 — User Interview

After identifying teachers’ most burdensome tasks, I interviewed 5 participants from the diary study to uncover key pain points.

What a typical Monday for an English Teacher look like.

⏰ Morning

7:30–8:00 Flag-raising ceremony (Mondays)

8:00–9:00 Morning reading supervision

9:00–9:40 Teaching first class

10:00–10:40 Teaching second class

11:00–11:50 Grading Homework

👩‍🏫 Afternoon

12:00–13:00 Lunch+Noon break supervision

13:00–14:00 Lesson Prep

14:30–15:30 Tutoring for struggling students

15:30–16:30 Grading Homework

17:00–17:30 Dismissal supervision (line-ups, parent pick-up)

17:30–18:30 Submitting administrative forms

📝 Evening

19:30–20:30 Parent Communication

20:30–23:00 Lesson Prep

➜ Teachers have a packed schedule, juggling lesson planning, grading, and student management from morning until midnight, leaving them both mentally and physically drained.

After rounds of user interviews, it became clear that the following pain points caused teachers the heaviest workload.

After rounds of user interviews, it became clear that the following pain points caused teachers the heaviest workload.

👉 Pain Point 1 — Assigning Homework

1-2h

Time spend for one assignment

2-3

Classes need to assign

8+

Total versions iterated

💬 "I spend hours tweaking the same assignment for different classes because each group is at a different pace."

💬 "I spend hours tweaking the same assignment for different classes because each group is at a different pace."

— Hua Li, 8th Grade Literature Teacher

💬 "There’s no easy way to reuse or adapt homework templates, so I end up starting from scratch every time."

💬 "There’s no easy way to reuse or adapt homework templates, so I end up starting from scratch every time."

— Shengjing Zhang, 5th Grade Math Teacher

➜ Teachers handling 2-3 classes with varying progress and learning paces typically spend about 1-2 hour creating 8+ versions of the same assignment, greatly increasing their workload.

👉 Pain Point 2 — Writing Feedback

3.5-5h

Time spend per task

~100

Students across 2-3 classes

2-3

Times per week

💬 "I spend nearly two hours every evening writing feedback for students, and it feels like I’m saying the same thing over and over."

💬 "I spend nearly two hours every evening writing feedback for students, and it feels like I’m saying the same thing over and over."

💬 "I spend nearly two hours every evening writing feedback for students, and it feels like I’m saying the same thing over and over."

— Xuedong Wang, 8th Grade History Teacher

💬 "I want my feedback to be helpful and personal, but doing that for every student is exhausting."

💬 "I want my feedback to be helpful and personal, but doing that for every student is exhausting."

💬 "I want my feedback to be helpful and personal, but doing that for every student is exhausting."

— Shengjing Zhang, 5th Grade Math Teacher

💬 "By the time I finish feedback for one class, another pile of assignments is already waiting."

💬 "By the time I finish feedback for one class, another pile of assignments is already waiting."

💬 "By the time I finish feedback for one class, another pile of assignments is already waiting."

— Shaoying Zhang, 7th Grade Science Teacher

➜ Writing personalized feedback for ~100 students 2-3 times a week across tests, assignments, and projects often takes 2-3 hours each time, becoming repetitive and exhausting.

👉 Pain Point 3 — Lesson Prep

3-7h

Prep time per 45-min class

4-5

Materials needed to create

10+

Sources needed to check

💬 "Before I can even start preparing a lesson, I have to pull materials from five or six different platforms—it’s so time-consuming."

💬 "Before I can even start preparing a lesson, I have to pull materials from five or six different platforms—it’s so time-consuming."

💬 "Before I can even start preparing a lesson, I have to pull materials from five or six different platforms—it’s so time-consuming."

— Shaoying Zhang, 7th Grade Science Teacher

💬 "One lesson plan means logging into multiple systems for slides, exercises, and grading rubrics. It eats up hours every week."

💬 "One lesson plan means logging into multiple systems for slides, exercises, and grading rubrics. It eats up hours every week."

💬 "One lesson plan means logging into multiple systems for slides, exercises, and grading rubrics. It eats up hours every week."

— Xuedong Wang, 8th Grade History Teacher

💬 "I wish everything was in one place. Right now, I’m jumping between at least five tools just to get a single lesson ready.

— Hua Li, 8th Grade Literature Teacher

➜ To prepare one lesson is extremely time-consuming, teachers need to gather materials from 10+ different platforms, such as textbooks, online libraries and exercises, spending 3-7 hours each time just to consolidate content.

👉 Pain Point 4 — Fragmented Workflows

👉 Pain Point 4 — Fragmented Workflow

💬 "Nothing talks to each other. I enter the same data three times because every tool needs it separately."

💬 "Nothing talks to each other. I enter the same data three times because every tool needs it separately."

💬 "Nothing talks to each other. I enter the same data three times because every tool needs it separately."

— Shengjing Zhang, 5th Grade Math Teacher

💬 "If everything was in one place, I could finish tasks so much faster. Right now, I’m constantly jumping between systems."

— Shaoying Zhang, 7th Grade Science Teacher

➜ Because modules lack integration, teachers often switch between 2-3 places to complete a single task, creating manual and cumbersome workflows.

Problem Statement

How Might We leverage AI to reduce educators' workload?

Problem Statement

Design

Pain Point 1 — Assigning Homework

💬 "I spend hours tweaking the same assignment for different classes because each group is at a different pace."

💬 "I spend hours tweaking the same assignment for different classes because each group is at a different pace."

💬 "I spend hours tweaking the same assignment for different classes because each group is at a different pace."

— Hua Li, 8th Grade Literature Teacher

😵 Challenge

Teachers handling 2-3 classes with varying progress and learning paces typically spend about 1 hour creating four or five versions of the same assignment, greatly increasing their workload.

🤔️ Approach

Auto-generate multiple versions of assignments tailored to class progress and learning paces, cutting preparation time from an hour to minutes.

➜ Feature — AI Assignment Generator

Embed Generative AI capability in the posting flow: teachers simply enter class progress, learning levels, and desired course materials, and AI instantly generates customized assignments.

Workflow Comparison

😵 Before: 2h

😄 After: 40min

👇 Legacy Version 👇

Step 1
Enter Post Assignment Page

Step 1
Enter Post Assignment Page

Step 1
Enter Post Assignment Page

Step 2
Manually write assignment

Step 2
Manually write assignment

Step 2
Manually write assignment

Step 3
Post assignment

Step 3
Post assignment

Step 3
Post assignment

👇Testing & Iterations 👇

🔄 Iteration 1

🔄 Iteration 1

❌ Friction Point 1 — Only 64.2% click rate at 'Write with AI' button

Click-tracking data shows low engagement of the 'Write with AI' button during testing.

✅ Solution 1 — Moved button to higher visibility, +20.5% click rate

Moved the button to the top-right (a high-priority action zone) to increase discoverability.

✅ Solution 2 — Added assistant name in button labeling

Renamed the button from ‘AI’ to a personalized name for personality and user connection.

❌ Friction Point 2 — Hard to regenerate results

During user testing, when teachers weren't satisfied with the results, they had to restart the entire workflow.

✅ Solution 1 — Instant regeneration with one click

Added a 'Swap' button to allow instant regeneration of results without re-entering prompts, saving extra steps.

✅ Solution 2 — Edit prompts without exiting flow

Teachers can instantly return to the prompt selection screen to refine their prompts without restarting the workflow.

🔄 Iteration 2

🔄 Iteration 2

❌ Friction Point —High drop-off rate of 63.1% across the prompt submission flow

❌ Friction Point — High drop-off rate of 63.1% across the prompt submission flow

❌ Friction Point —High drop-off rate of 63.1% across the prompt submission flow

The CTR for the generate button is only 24%, indicating a high drop-off rate.

✅ Solution — Optimized visuals with action-driven labeling, click-through improved to 65.8%

Adding a label that says 'Instant Generate' to make it more prominent and noticeable.

👇 Final Design 👇

Step 1
Enter Post Assignment Page

Step 1
Enter Post Assignment Page

Step 1
Enter Post Assignment Page

Step 2
Select Write with AI Mode

Step 2
Select Write with AI Mode

Step 2
Select Write with AI Mode

Step 3
Enter prompt

Step 3
Enter prompt

Step 3
Enter prompt

Step 4
Assignment auto-generated

Step 4
Assignment auto-generated

Step 4
Assignment auto-generated

Pain Point 2 — Writing Feedback

💬 "I want my feedback to be helpful and personal, but doing that for every student is exhausting."

💬 "I want my feedback to be helpful and personal, but doing that for every student is exhausting."

— Shengjing Zhang, 5th Grade Math Teacher

😵 Challenge

Writing personal feedback for 80+ students 3-4 times a week across quizzes, homework, and projects often takes around 2 hours each time, becoming repetitive and exhausting.

🤔️ Approach

Reduce repetitive workload by auto-generating personalized feedback for each student based on subject and performance, so teachers only need to review and refine instead of writing from scratch.

➜ Feature — AI Feedback Generator

Embed Generative AI into the grading page so teachers can generate draft feedback for every student with a single click.

👇 Legacy Version 👇

Step 1
Select student's submission

Step 1
Select student's submission

Step 1
Select student's submission

Step 2
Write personalized feedback

Step 2
Write personalized feedback

Step 2
Write personalized feedback

Step 2
Post feedback

Step 2
Post feedback

Step 2
Post feedback

👇 Final Design 👇

Step 1
Enter Homework Grading Page

Step 1
Enter Homework Grading Page

Step 1
Homework Grading Page

Step 2
Open AI Feedback mode

Step 2
Open AI Feedback mode

Step 2
Open AI Feedback mode

Step 2
Feedback auto-generated

Step 3
Feedback auto-generated

Step 2
Feedback auto-generated

📝 Before - 120min

Select student → Manually write comments (1.5min) → Jump to next → Repeat for 80 students.

🤖️ After - 40min

AI auto-generate personalized feedbacks for 80 students.

Pain Point 3 — Lesson Prep

💬 "One lesson plan means logging into multiple platforms for slides, exercises, and grading rubrics. It eats up hours every week."

💬 "One lesson plan means logging into multiple platforms for slides, exercises, and grading rubrics. It eats up hours every week."

— Xuedong Wang, 8th Grade History Teacher

😵 Challenge

To prepare one lesson, teachers often gather materials from 10+ different platforms, such as textbooks, online libraries and exercises, spending 3-7 hours each time just to consolidate content.

🤔️ Approach

Develop a single integrated workspace where teachers can pull and generate materials across platforms in one place, reducing cross-platform effort and enabling seamless resource integration.

➜ Feature — AI Teacher Assistant

Use an AI Agent to streamline lesson prep by generating lesson plans, slides, and class materials in one place, with teachers only needing to enter a few prompts.

👇 Final Design 👇

Step 1
Enter AI Teacher Assistant

Step 1
Enter AI Teacher Assistant

Step 1
Enter AI Teacher Assistant

Step 2
Generate Lesson Outline

Step 2
Generate Lesson Outline

Step 2
Generate Lesson Outline

Step 3
Generate Slides

Step 3
Generate Slides

Step 3
Generate Slides

Step 4
Generate Images

Step 4
Generate Images

Step 4
Generate Images

📝 Before - 120min

Review textbook → Review practice questions → Browse template → Look for course images → Add content → Adjust slides layout → Revise → Finalize.

🤖️ After - 40min

AI auto-generate lesson plans with slides and images.

Pain Point 4 — Fragmented Workflow

💬 "If everything was in one place, I could finish tasks so much faster. Right now, I’m constantly jumping between systems."

— Shaoying Zhang, 7th Grade Science Teacher

😵 Challenge

Because modules lack integration, teachers often switch between 2-3 places to complete a single task, creating manual and cumbersome workflows.

🤔️ Approach

Create a single integrated workspace where teachers can complete multi-step tasks in one place, simplifying and streamlining their workflow.

➜ Feature — AI Teacher Assistant

Use an AI Agent as a single workspace to streamline multi-step tasks, replacing multiple separate tools and accomplishing everything with a single prompt.

👇 Final Design 👇

Step 1
Enter AI Teacher Assistant

Step 1
Enter AI Teacher Assistant

Step 1
Enter AI Teacher Assistant

Step 2
Generate notice template

Step 2
Generate notice template

Step 2
Generate notice template

Step 3
Sync template to Publish Page

Step 3
Sync template to Publish Page

Step 3
Sync template to Publish Page

Step 4
Post to group chat

Step 4
Post to group chat

Step 4
Post to group chat

Emotional Design — AI Assistant Personalization

Customize AI Assistant's character for a personalized experience and foster emotional engagement between users and AI.

💬 "When I first tried the AI tool, it felt very cold and mechanical. I wasn’t sure how much I could rely on it."

💬 "When I first tried the AI tool, it felt very cold and mechanical. I wasn’t sure how much I could rely on it."

— Xuedong Wang, 8th Grade History Teacher

😵 Challenge

First-time users often perceive AI as impersonal and distant, requiring intentional onboarding to build trust and drive adoption.

🤔️ Approach

Transform AI into a relatable companion: design human-like characters and IM-driven chats that feel authentic, not robotic.

➜ Feature — AI Assistant Personalization

Add the assistant’s name to button labels to create a more personal, connected experience and make action buttons feel more inviting. Allow users to further customize their assistant — including name and response tone — so interactions feel tailored and engaging rather than generic.

Assistant Name In Button Labeling

Assistant Name In Button Labeling

Assistant Name In Button Labeling

Assistant Customization

Assistant Customization

Assistant Customization

Usability Testing

92.6%

Satisfaction Rate

87.2%

Avg Task Success Rate

-28.5%

Avg Time on Task

Usability Testing

Impact

01 AI Design System

Contributed to the site-wide AI design system by creating AI-related components and pages from scratch. Focused on scalability and consistency so future AI features could be rapidly integrated while maintaining a cohesive user experience across products. This work not only improved design efficiency but also laid the foundation for standardized AI experiences on DingTalk.

02 Cross-functional Collaboration

Worked with PMs, data analysts, and engineers in 4-day sprint cycles to launch features: Day 1 align scope/feasibility; Day 2 deliver designs + rationale; Day 3 ensure design fidelity during implementation(specs, design QA); Day 4 analyze behavioral data to drive rapid optimizations—establishing our model for fast cross-functional collaboration.

Impact

Takeaways

01 Build Trust With AI

Building trust in AI requires designing onboarding and interactions that feel friendly, human-like, and approachable, so new users can build confidence and engage with AI as naturally as they would with a real person.

02 Data-Driven Design Optimization

Adopted a data-driven design approach by launching features to a small user group first, uncovering pain points through behavioral data, and rapidly iterating with new design for continuous iteration.

Takeaways

Check out my other work 👀

Wallet Experience Optimization

Book Ride For Others

Check out my other work 👀

Home

About Me

Resume

Bringing AI into education industry

Chinese teachers face an overwhelming workload each day — each teacher manages 2 or 3 classes, handling 15+ tasks from teaching and student management to administrative work, often working from 8am to midnight.

We launched AI-powered features — combining Generative AI for content creation and AI Agents for workflow automation — to reduce teachers' workload and boost their productivity.

01

Generative AI

Generative AI

02

AI Agents

AI Agents

+200K

+200K

+200K

Daily Active Users(DAU) Growth

Daily Active Users(DAU) Growth

54.9%

54.9%

54.9%

AIGC Feature Adoption Rate

AIGC Feature Adoption Rate

32.8%

32.8%

32.8%

Average Task Time Reduction

Average Task Time Reduction

Iteratively optimized and validated design decision through data-driven tracking and testing, while collaborating closely with cross-functional teams.

01

Research

Research

02

Design

Design

Through two rounds of user research — a diary study followed by in-depth interviews — we mapped teachers' daily tasks and identified what made those so time-consuming.

Round 1 — Diary Study

Round 1 — Diary Study

Round 2 — User Interview

Round 2 — User Interview

What a typical Monday for an English Teacher look like.

⏰ Morning

⏰ Morning

7:30–8:00 Flag-raising ceremony (Mondays)

7:30–8:00 Flag-raising ceremony (Mondays)

8:00–9:00 Morning reading supervision

8:00–9:00 Morning reading supervision

9:00–9:40 Teaching first class

9:00–9:40 Teaching first class

10:00–10:40 Teaching second class

10:00–10:40 Teaching second class

11:00–11:50 Grading Homework

11:00–11:50 Grading Homework

👩‍🏫 Afternoon

👩‍🏫 Afternoon

12:00–13:00 Lunch+Noon break supervision

12:00–13:00 Lunch+Noon break supervision

13:00–14:00 Lesson Prep

13:00–14:00 Lesson Prep

14:30–15:30 Tutoring for struggling students

14:30–15:30 Tutoring for struggling students

15:30–16:30 Grading Homework

15:30–16:30 Grading Homework

17:00–17:30 Dismissal supervision (line-ups, parent pick-up)

17:00–17:30 Dismissal supervision (line-ups, parent pick-up)

17:30–18:30 Submitting administrative forms

17:30–18:30 Submitting administrative forms

📝 Evening

📝 Evening

19:30–20:30 Parent Communication

19:30–20:30 Parent Communication

20:30–23:00 Lesson Prep

20:30–23:00 Lesson Prep

After rounds of user interviews, it became clear that the following pain points caused teachers the heaviest workload.

👉 Pain Point 1 — Assigning Homework

1-2h

Time spend for one assignment

2-3

Classes need to assign

8+

Total versions iterated