I am Product Designer
Qicheng Hsu (Ethan)
Hey, Workstream Team
3 years in Bytedance
Today's Hot List
2 years working as
Freelance Designer
Keep evolving design perspective
58.com SMB Recruitment
An AI-Powered Reconstruction
Design Challenge for Workstream
The Critical Dilemma between
Traffic Monetization and Ecosystem Health
Upfront Business Research
Job Seekers
Limited capability to verify information
Rely on social referrals and instant feedback
Platform
Grew rapidly driven by demographic dividend and internet trend
Revenue highly rely on recruitment advertising
SMBs
Limited budget and time
Hard to reach authentic seekers
Labor Agencies
High salary ads and customized service
Funnel users into private channels
Design Vision
Empower SMBs to hire directly
Build a sustainable ecosystem
SMBs in Local Consumer Services
with 10–50 Employees
In an awkward scale range with busy operations and high staff turnover, and cannot afford a dedicated HR role.
Indentify ICP
Exclude construction and manufacturing sector
Highly penetrated by agencies, avoiding direct confrontation.
Exclude Key Accounts
(Haidilao)
Have professional HR teams and self-built ATS systems
Exclude Micro-Business
(Mom-and-Pop shops)
Their hiring needs are too low-frequency and casual.
The Hiring Dilemma in
Scale, Efficiency, and Quality
ICP’s Key Pain Points
Limited Outreach Scale
Manual screening restrict in a small candidate pool.
Low Execution Efficiency
Store managers act as HR
Hard to balance.
Low Profile Quality
Text resumes hard to reflect value
Garbage-in, garbage-out
Alternative Research Methods
for Actionable Insights and Design Principals
Key Insights
User Research
Online Experience
Hired and applied on the platform, Interview through phone and WeChat.
Offline Verification
Visits to Chinese restaurants with similar business models at 2–4 pm.
Expert Interview
In-depth interviews with experienced restaurant operators
Social-driven culture
Key individuals bring teams
Relationships affect retention
Mixed hiring criteria
Hard & soft criteria
Trust and cultural fit matter
High digital acceptance
Open to complex tools
Actively leverage tools
Solving the Problem at the Source
Better Inputs Drive Better Algorithm Iteration
Using voice instead of text resumes
maximize information capture at the source
Adopt offline labor agency workflows.
Proactively build trust and collect information.
Systematic Solution
Applicant-side Solution
An All-in-One Solution
with Enhanced Scale, Efficiency, and Quality.
Employer-side Solution
AI Interview
Smart Assistance
Holistic Profiling
Expand outreach scale
Improve hiring efficiency
Restore informational quality
AI Interview and Auto-Screening
Enlarge Outreach Scale
Provide default options, but allow precise adjustments through natural language
Hard & soft criteria set up
Generate question
Allow precise adjustments
Auto-scheduling
AI Interview Configuration.
Simple to begin. Precise to refine.
Auto Screening in Multiple Dimensions.
Effortless to get qualified applicants.
Hard Criteria Alignment
Q&A Analysis
Tone Analysis
Dialogue Analysis
Smart Assistance
Improve hiring efficiency
Auto-Scheduling
Restore control for store managers
Use dialogue analysis to predict show-up probability.
Batch low and medium intent applicants for interviews automatically.
Seamless Review Experience
for Massive Content
Workbench View
Overview
Card View
Scan
List View
Retrieval
Detail View
Review
Flexible view boundaries
Quick preview during retrieval
Collapsed buttons
prevent accidental taps
Holistic Profiling
Restore informational quality
Structured Overview
Hard criteria labeled for quick recognition
Soft skill summarized from multi dimensions
Smart deduplication reduces duplicate application noise
Social Endorsement
Leverage social referral networks
Bring high-quality network onto the platform
Platform endorsement for high-quality talent
Interview Q&A snippets
Tone analysis reveals attitude and energy
Edit AI scores at the question level
Dialogue analysis
Uncover hidden signal
Predict offline interview show-up probability
Unified framework
adapts to different entry scenarios
Seamless Switching Experience in Detail Page
A More Sustainable
SMB Hiring Ecosystem
Larger Scale
Higher Efficiency
Better Information Quality
More Design Cases
Balance user experience and business goals
Control group
General default push copy
Experiment group
Hot headlines in 24 hours
Simulate real push scenarios
Emphasized the benefits
CTA increased by ~20%
Display a prompt during cold start
to guide users to enable push authorization
Display it in a way that better aligns with user value
Business perspective
User perspective
Design driven by product metrics
User Perspective
Reduce the disruption
Business Perspective
Slow down the DAU decline
Prioritize business perspective｜ Reduce The UX Loss
Directly related to key metrics （Reverse test : 16% DAU drop)
Slow down the DAU decline
Prompt interval (days)
15
20
25
30
0
5
5
10
10
15
User rejection count
Quadratic growth (a = 2, b = 2)
Linear growth T(n) = 2n
Intervals increase significantly after few rejections;
Less disruption for low-intent users
My Suggested Strategy
Traditional strategy
Longer intervals only after multiple rejections
Short intervals in the early stage
Cover high-intent users
Quadratic-style growth to reduce disruption
Maximum Cup
Interval (in days) between prompts
Number of dismissals
Dynamic increment,
controls acceleration of growth
Initial increment,
controls early growth rate
After the first dismissal,
prompt again the next day
Lower bound on prompt frequency,
ensuring a capped level
Recursive formula｜Marginally increasing prompt frequency.
Aggressive strategy, but with gentle UX
No negative metric impact
High user acceptance
Cold Star Scenario: Largest contributor to authorization uplift
High authorization uplift in interaction scenarios
Extended to cold start scenarios
Context
Design within trade-offs
Solution
Result
Discover design opportunity from technical perspective
AB Test result
Context
Technical Inspiration
Redesign the new user‘s flow
More clear explanation
Emphasized the benefits
Review
New trial
Result
Lower CTA from app prompt（～20% drop in absolute numbers）
Silent push limited for activation.
New users handle multiple system prompts in sequence
They trust system prompts more
For existing user
Do they also trust system-style prompts more?
Roll out across Android OS ｜ Gain authorization uplift
Low iOS authorization ｜ Heavy new user drop-off
iOS 12 silent notifications
The timing of system prompt can be decided by the APP
Inject an app-level prompt before the system prompt
App Style Prompt
System-Like Style Prompt
System-style prompts align with user’s expectation on navigation
Modular design to reduce implementation cost
World Cup Channel: Header Animation
Key Challenge
Design Slution
Result
Dynamatic Language｜Build Atmosphere｜Hook Users
Mapped the full game cycle｜Summarized 4 components｜Prepare elements in advance
Limited time｜ Lots of matches｜Unpredictable matchups
Easy to go live｜Reduce operation & implementation cost｜Hook users throughout full game cycle
频道头部：重要比赛
频道头部：夺冠
频道头部：开赛
Kickoff
Head-to-head matchups
Star players show up
Championship
Use alternative technical solutions to restore design
World Cup match report page
Implementation Challenges
Integrate the internal poster tool into the operational backend
Jersey-matched colors ｜ Customized fonts ｜ Convey atmosphere after the game
Faster go-live ｜ Resolve implementation issues ｜ Preserve design effect
Import the cover image into Photoshop
Select the matching color template based on the teams
Input the title
Export the poster from Photoshop
Upload the poster to the backend – done
Embedding fonts into the client
Oversized package
Create poster by manual to uplode
Long workflow｜Easy to make mistake
Upload the cover image to the internal backend
Input the title
Automatically generate the poster with correct team colors – done
Design iteration across different stages
Structured, multi-perspective aggregation
for higher impact events.
How to distribute high-impact event hubs
High-impact event hub page
Thoughtfully and manually organized by editors
High-impact event hub
Standard event page
Automatically aggregated by algorithm
Nomal high impact event hub
One view to catch today’s big news
Easy access to multiple high-impact event hubs
Build a daily viewing habit
Higher user retention and channel penetration
Trending list was shown by default
Super high impact event hub
Stage 1
Stage 3
Stage 4
Maximum exposure in the home feed,
but users tend to churn as the topic cools down.
Cultivate users’ habit of checking news daily
For long lasting event
More structured, dynamic banner entry
High-impact event hub as the trending anchor
Activate users with high-quality content
Encouraged user revisits
Slight improvement in channel penetration
For H5 Activity
Provide better exposure
For higher impact event
Provide multi-angle content
Stage 2
For much higher impact events,
Fixed banner entry in channel headers provide more stable exposure.
© Qicheng Hsu. All rights reserved.