UI Designer — B2B, ERP, SaaS and Data Visualization. 6 years designing complex digital products.

UI Designer. B2B · ERP · SaaS · Data Visualization

6 years designing complex digital products.

Turning complex business workflows into clear, scalable product experiences.

01. The Work

01.
The Work

Selected Work

Four systems I designed end to end — the clearest picture of how I work.

Smart Agriculture ERP — management dashboard

01B2B · ERP · Data Visualization · 2024—2025 · Web + Mini Program

  • B2B
  • ERP
  • Data
  • Design System

Smart Agriculture ERP

Complex agricultural operations turned into a scalable digital system.

Product UI / Data Visualization / Design System

A county-scale agriculture ERP that links land-plot records through production, seeding, pest warnings and operations into one operational picture.

Grassroots government platform — web console with navigation expanded

02Government · Multi-role · 2023—2024 · Web Console

  • Gov
  • Web
  • Data
  • Dashboard

Grassroots Government

Multiple systems and many roles, brought into one unified workspace.

Information Architecture / Dashboard / Form System

A digital workplace for township authorities: one entry point for every application, unified data, and daily office tasks inside a single console.

Yanchi Tan Sheep cloud-adoption WeChat mini program — adoption hub home screen

03Traceability · E-commerce · 2024—2025 · WeChat Mini Program

  • Mini Program
  • E-commerce
  • Traceability
  • Trust

Yanchi Tan Sheep · Cloud Adoption

Trust is designed — every step from farm to table made traceable.

Product UI / Traceability Design / Consumer Trust

An adoption-to-table platform for Yanchi Tan sheep — remote adoption with live video, four-stage traceability, merchant onboarding, processing booking and after-sales closed into one loop.

Smart Village mini program home screen, no typography

04Mobile B2B · Government · 2024 · WeChat Mini Program

  • Mobile B2B
  • Mini Program
  • Role-based UI

My Smart Village

One mobile workspace for three roles — from village data to field tasks.

Mobile UI / Role-based Design / Workflow

A mobile governance product for township communities — village data, public notices, field collection and citizen services brought onto one screen.

Other Work

Shorter engagements and self-initiated studies — same process, smaller scope.

Mood Diary App home screen

05Consumer App · Emotional · 2024 · Mobile

  • App
  • Mobile
  • Data

Mood Diary

Fast capture and calm visuals — emotion turned into readable data.

Mobile UI / Interaction / Emotional Design

A wellness app for mood tracking and period management — daily mood logging with 5 emotional states, 19 influence factors, and personal insights.

Girlfriend Translator App

06Experimental · Personal · 2024 · Mobile

  • App
  • Mobile
  • Conversational UI

Girlfriend Translator

Conversational UI for everyday emotion — a small personal experiment.

Mobile UI / Conversational UI / Experimental

A couple relationship app with mood tracking, period management, anniversary reminders and love tips — helping partners understand each other better.

02. The Services

02.
The Services

I design interfaces for complex B2B systems — ERP, government platforms and data-heavy products.

Strategy, interface and system run as one continuous process, so the hand-off never loses the intent.

Get In Touch

I start with the workflow, not the screen: mapping roles, data and decisions before drawing a single component.

  • Product Research
  • Information Architecture
  • UX
  • Interaction

Interface design grounded in a scalable system — type, colour, spacing and states defined once, then reused everywhere.

  • Product UI
  • Design System
  • Components & Patterns
  • Responsive UI

Dense operational data only works when it answers a question — and design is finished when it ships: annotated specs and a review loop with development.

  • Dashboard & Data Visualization
  • Prototype
  • Developer Handoff
  • Implementation Review

Tools & Stack

Tools & Stack
Figma
Sketch logoSketch
MasterGo logoMasterGo
Axure RP logoAxure RP
Modao 墨刀 logoModao
Pixso logoPixso
Photoshop logoPhotoshop
WeChat logoWeChat
JS Design logoJS Design

Workflow

Research Structure UX UI System Handoff Review

03. About Me

03.
About Me

UI Designer

6+ Years Experience

  • B2B
  • ERP
  • SaaS
  • Data Visualization
  • App
  • Multi-platform

Before Design

5 years military experience

  • Discipline
  • Responsibility
  • Execution
  • Teamwork

Now

6 years design experience

  • Product UI
  • B2B
  • ERP
  • Data Visualization

What I Do

  • Product UI
  • Data Visualization
  • Design System
  • Multi-platform Design

"Discipline is a design skill. If an interface only works on a good day, it does not work."
— JO

I am Qiao — JO for short — a UI designer focused on B2B products: agriculture ERP, government platforms and WeChat mini programs. Dense data, many roles, very little patience.

About photo
Smart Village field collection interface
Grassroots government platform workbench
Smart Agriculture ERP dashboard

Let’s Collaborate

I am currently available for UI Designer roles — B2B · ERP · SaaS · Data Visualization.

Interested in chatting further? I’d love to hear from you.