Avatar

Xue Yan · UX Designer

Worn Many Hats
AI Builder
UI / UX Full Stack
Mystery Addict
100% Introvert
Deep in EdTech

Experience

7+ Years

Education

Tibet University

Location

Beijing, China

Status

Open to work

Phone

WeChat QR

Work Experience

Independent · Vibe Coding

2025.11 — Present
Design + Dev, solo end-to-end
Full-stackAI Products0 → 1
  • Skipwork — AI-driven travel itinerary generator (Next.js + TypeScript). Visit Site →
  • Pijiangtuo — multi-agent collaborative dialogue product. Visit Site →
  • Energy Pattern Analysis — psychology assessment mini program.
  • Personal site — this portfolio.

Autohome + FLTRP Online (Outsource)

2025.05 — Present
Dual-line concurrent delivery
AI ExperienceComponent LibraryMini Program0 → 1
Autohome
  • AI holographic cabin experience design, advertising team component library, 0→1 advertising showcase platform design, Zhijia Wanxiang MCN-side product design.
FLTRP Online
  • FLTRP AI Official Website — 0→1 solo experience design & motion design. Visit Site →
  • Global Language Services Platform — 0→1 solo homepage experience design & motion design. Visit Site →
  • Language Services Web Platform — daily design iteration. Visit Site →
  • Language Services Mini Program — 0→1 design.
  • Certificate Translation Assistant Mini Program — 0→1 design.

ByteDance

2020.12 — 2022.07 / 2025.01 — 2025.02
Level 2-2 · Full-platform UI lead
B2B ToolsData DashboardsComponent Library
  • Responsible for the 0→1 design of the Feishu Multidimensional Table sandbox feature, covering concept validation, full-flow interaction mapping, and prototype delivery.
  • Led full-platform UI design for the education business line and UX design for B2B teaching tools, covering question bank, lesson prep, teaching, exams/homework, and learning analytics across the full link.
  • Led UX design for C2C teacher learning platform to improve teacher-side experience.
  • Built the B2B component library from scratch to standardize the design system and improve team delivery efficiency.

Beijing 17 Education & Technology

2023.03 — 2024.05
All quarterly & annual outstanding employee awards
Smart HardwareAIGCB2B Tools
  • Experience owner for student learning pads — regularly organized experience workshops, tracked experience data, maintained experience issue pool and full-link experience maps.
  • Led all interaction design for on-campus business lines: smart hardware, student tools, and teacher tools.
  • Contributed to exam scenario UI design to ensure visual and interaction consistency.

CGTN (China Global Television Network)

2018.10 — 2020.12 / 2022.09 — 2023.03
2020 Project Design Lead · Invited back by CTO in 2022
Official WebsiteData VizOffline ExhibitionsB2B Tools
  • Led two large-scale National Day official website upgrades ('20 & '22) covering 11 sections — politics, economy, culture, tourism — with multi-language and multi-device design.
  • Independently built B2B data products: timesheet management system, Databox dashboard, and Huangque system.
  • Led full visual and experience design for the Mars exploration offline exhibition.
  • Returned in 2022 at the invitation of the CTO to deliver the 73rd National Day project.

Beijing Ornamental Animal Hospital

2016.10 — 2018.06
Full surgical process management
Veterinary MedicineAnimal CareLab Testing
  • Responsible for dispensing and injection, sample collection and lab testing, inpatient animal care, and full surgical process management.
  • Career pivot to design in 2018, drawing on a life-science background to enter the UI/landscape design field, including participating in the Dashilar Moon Bay Park renovation project.

Beijing Ocean Aquarium

2016
Rare marine species care
Marine AnimalsAnimal CareInternship
  • Participated in daily care and health management of rare marine animals including beluga whales, dolphins, and seals.

Selected Archive.

Company
Type
Industry
Skipwork — AI Travel Itinerary

Skipwork — AI Travel Itinerary

Solo vibe-coded an AI travel itinerary generator from 0 to launch in 5 phases. Built with Next.js + TypeScript, powered by Gemini and DeepSeek, generating structured day-by-day travel guides. Shipped a complete product independently using Claude Code as the primary development tool.

Independent · Vibe Coding C-side Product Travel
Knowledge Graph Redesign

Knowledge Graph Redesign

Full-cycle UX redesign of the knowledge graph on a student learning pad. Drove self-correction rate from 12.75% → 37.13% and tripled knowledge graph conversion to 79.21% through data-driven interaction optimization.

Beijing 17 Education & Technology Smart Hardware Education
Wrong Answer Notebook Scenario Redesign

Wrong Answer Notebook Scenario Redesign

Full-cycle redesign of the wrong answer notebook feature for 极课大数据's B-side learning tool. Restructured the experience around 4 key scenarios — high-frequency mistakes, bookmarks, smart recommendations, and all errors — with optimized detail pages and answer correction flows.

ByteDance B-side Product Education
Answer Card Usability Improvement

Answer Card Usability Improvement

UX research and redesign of the answer card component for 一起教育科技's smart hardware product. Investigated usability needs across teachers, students, and parents, and proposed design solutions covering shape language, scoring display, correction flows, and question number rules.

Beijing 17 Education & Technology Smart Hardware Education
Exception Handling Upgrade

Exception Handling Upgrade

Full-cycle UX redesign of the exam exception-handling flow for fclassroom (极课大数据 v1.7.8). Unified 5 anomaly types into a modular, scenario-driven interaction system, reducing user confusion and handling errors end-to-end.

ByteDance B-side Product Education
Regional Education Data Dashboard

Regional Education Data Dashboard

0-to-1 design of a large-screen data visualization dashboard for 极课大数据's regional education bureaus. Structured key information zones — user data, teaching insights, resources, and academic performance — into a real-time command center serving district-level education management decisions.

ByteDance B-side Product Education
Cloud Platform Academic Evaluation S1 Optimization

Cloud Platform Academic Evaluation S1 Optimization

B-side data analytics platform redesign for 极课大数据's cloud academic evaluation system. Unified chart interaction patterns and information hierarchy across the data center module, establishing a reusable component methodology for academic performance analysis serving regional education bureaus.

ByteDance B-side Product Education
AI Learning — Process Analysis

AI Learning — Process Analysis

B-side data analytics feature design for ByteDance's AI learning platform (v1.2.6). Shifted academic reporting beyond answer results to in-process behavioral data — covering question-type time distribution, answer-process analysis, and report visual unification through a componentized design approach.

ByteDance B-side Product Education
CGTN English Channel APP Experience Upgrade

CGTN English Channel APP Experience Upgrade

Full-cycle UX redesign of CGTN's English channel mobile app and web experience for 2023. Shifted product focus to mobile-first as CGTN pivoted its matrix toward mobile devices, redesigning news display, breaking news, specials, and content personalization following the principle of 'returning content to individuality, improving KOL attributes'.

CGTN C-side Product Media & News
Hello! Mars — Science & Art Exhibition

Hello! Mars — Science & Art Exhibition

Full visual and experience design for CGTN's 'Hello! Mars' science & art offline exhibition, timed to China's Tianwen-1 Mars mission. Covered exhibition concept, interactive game design, app UI, and commercial integration — bridging space exploration content with public engagement and brand storytelling.

CGTN Visual & Offline Media & News
CGTN Autumn 2020 Website Redesign

CGTN Autumn 2020 Website Redesign

Full-cycle redesign of CGTN's official website for the 2020 National Day, covering 11 content verticals (politics, economy, culture, tourism) across multi-language and multi-device. Led visual direction from data audit through 6 style concepts to final delivery.

CGTN C-side Product Media & News
CGTN KPI Timesheet Management System

CGTN KPI Timesheet Management System

End-to-end UX redesign of CGTN's internal B-side KPI timesheet management tool. Streamlined task logging, KPI tracking, and team workload visibility for editorial and production teams.

CGTN B-side Product Media & News
DATABOX — CGTN Operations Dashboard

DATABOX — CGTN Operations Dashboard

0-to-1 UX/UI design of DATABOX, CGTN's internal data visualization platform. Gave management a macro view of website and app operations, helped editors benchmark team productivity, and enabled individual journalists to track their news performance.

CGTN B-side Product Media & News
Ziroom House-Showing Flow Redesign

Ziroom House-Showing Flow Redesign

End-to-end UX research and redesign of Ziroom's house-showing appointment flow. Mapped the full journey from apartment search through online booking to offline viewing, identifying 8 critical pain points across manager coordination, multi-apartment scheduling, and in-app house comparison.

Freelance C-side Product Real Estate
Park Lane 2024 Visual Merchandising Design

Park Lane 2024 Visual Merchandising Design

Full-cycle visual merchandising design proposal for Park Lane mall (Vanke Emerald Park community retail, Beijing). Covered 4 key zones — lawn inflatable, sunken plaza lighting, staircase, and atrium — under a children-first 'World of Flowers' theme, from on-site research through production specs and cost estimates.

Freelance Visual & Offline Commercial Retail