Xue Yan · UX Designer
Visual-to-Interaction Design
Vibe Coding
AI in Real Work
Data-Savvy
Experienced in Tool Products
Experience
Oct 2018 – Present
Education
Tibet University
Location
Beijing, China
Status
Employed, open to opportunities
Phone
Work Experience
Autohome
2025.05 — PresentAI-assisted product delivery
AI ExperienceComponent Library0 → 1 Autohome
- — Built 0→1 component libraries for C-end ad products and B-end merchant platform.
- — Responsible for complex business product design across the AI holographic cabin, contract platform, and MCN platform.
Applied AI broadly across real-world projects:
- Q3 experience optimization · AI-assisted delivery of two features: Used AI to produce multiple interactive demo versions, substantially improving proposal quality across interaction effects, motion, and visual design; authorization CTR increased from 5.49% to 15.81%.
- AI training master · Complete interactive app demo delivered in 3 days: Efficiently delivered a complete interactive demo for a complex product, greatly reducing cross-functional communication costs across product, development, and operations, with highly positive product-side feedback.
- AI marketing brain · Compliance-ready while exploring new visual directions: Established an AI component library and a mature AI-consumption workflow, significantly improving design efficiency and controllability; the design passed internal review on the first submission. Front-end delivery through HTML also improved output quality, reduced development workload, and received highly positive front-end feedback.
ByteDance
2020.12 — 2022.07 / 2025.01 — 2025.02Level 2-2 · Full-platform UI lead
B2B ToolsData DashboardsComponent Library - — Contributed to B-end component library and design system standardization.
- — Led full-link UI design for in-school education products, covering resource library, in-class display, exams/homework, and learning analytics.
- — Led UI optimization for the smart learning device.
- — Improved exam anomaly handling efficiency by 42.01% through design optimization.
Yiqi Education
2023.03 — 2024.053× Outstanding Employee Award
Smart HardwareAIGCB2B Tools - — Smart learning device design owner — regularly organized experience workshops, maintained experience issue pool and full-link experience maps.
- — Coordinated all interaction design for on-campus business lines: smart hardware, student tools, and teacher tools.
- — Received 3 consecutive outstanding employee awards during tenure.
- — Optimized learning flow experience: student self-correction rate increased from 12.75% to 37.13%.
CGTN
2018.10 — 2020.12 / 2022.09 — 2023.032020 Project Design Lead
Official WebsiteData VizOffline ExhibitionsB2B Tools - — Led the National Day 70th anniversary major website upgrade, covering multi-language and multi-device experience design.
- — Independently designed timesheet management system, Databox dashboard, Huangque system and other B-end products.
- — Led visual & experience design for the "Mars Exploration" offline exhibition; participated in the 73rd anniversary website project.
Personal
2024.07 — PresentIndependent products & freelance design
Full-stackAI Products0 → 1 Vibe Coding Projects
- — Skipwork | AI Workflow & Performance Optimization Reduced single generation time from 3min to under 1min through model chaining and pipeline optimization, while maintaining stable output quality.
- — Convero | Multi-Agent Collaboration & Innovative Interaction Design Innovative multi-agent discussion tool addressing divergent answers across agents, with novel Agent Workflow and dialogue information architecture.
- — Energy Pattern Analysis | Content AI + AIGC Visual Design MBTI-inspired personality illustration mini program; independently completed product definition, AI image pipeline, and app launch.
- — Personal Site | Design & Development Integration Independently completed visual, motion, frontend & deployment with Vibe Coding; a full validation of the AI-assisted full-stack workflow.
AI Research & Direction
- — AI Output Controllability SPEC-driven approach covers routine iteration / fuzzy-idea implementation / stubborn bug debugging / version management; building component-index.md, tokens.css, and reference docs to enhance agent understanding of component libraries, systematically improving controllability of design and code output.
- — AI Product Delivery Model selection & combination, prompt engineering, token limit handling & performance tuning; full operational pipeline covering monitoring, user feedback, and server deployment.
FLTRP Online (Freelance)
- — 0→1 design for FLTRP AI Official Website and Global Language Services Platform.
- — Responsible for website UI, interaction, visual & motion design.
- — Designed language-services and certificate-translation mini programs.
Selected Archive.
Company
Type
Selected Work
AI Autohome Experience
Dealer Lead Conversion Experience
AI Autohome Experience
AI Marketing Brain — Improving Control over AI-Generated Designs
Autohome AI
Rapidly Creating a Complete Interactive App Demo with AI
Yiqi Education Interaction
Knowledge Graph Redesign
Yiqi Education Interaction
Answer Card Usability Improvement
ByteDance Experience
Jike Big Data — Visual Experience Upgrade
ByteDance Interaction
Wrong Answer Notebook Scenario Redesign
ByteDance Experience
Jike Big Data — Exam-Paper Scanning Exception Handling Optimization
ByteDance Experience
Regional Education Data Dashboard
ByteDance Experience
Cloud Platform Academic Evaluation S1 Optimization
ByteDance Experience
AI Learning — Process Analysis
ByteDance Experience
Component Library Projects
CGTN Experience
CGTN Autumn 2020 Website Redesign
CGTN Experience
CGTN English Channel APP Experience Upgrade
CGTN Experience
Hello! Mars — Science & Art Exhibition
CGTN Experience
CGTN KPI Timesheet Management System
CGTN Experience
Databox — Operations Data Visualization Platform
AI Personal Article
SPEC in Vibe Coding
AI Personal Article
AI-Generated UI: Eliminating Hallucinations, Improving Controllability
AI Personal Article
Thoughts on New Interaction Paradigms
AI Personal Experience
Skipwork — AI Travel Itinerary
Personal Experience
Ziroom House-Showing Flow Redesign
Personal Experience