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. Capabilities

02.
Capabilities

I design interfaces for systems that carry real operational weight: supply chains, governance workflows, farm and land management.

Every engagement starts with a deep dive into the business goals and the constraints of the people who use the product all day.

Then strategy, interface design and front-end craft run as one continuous process, so the hand-off never loses the intent.

Ready to get started on a project? I would love to hear from you.

Get In Touch

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

  • Product UI
  • UX
  • Information Architecture
  • Interaction

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

  • Design System
  • Components
  • Patterns
  • Responsive UI

Dense operational data only works when it answers a question: conclusion first, detail on demand.

  • Dashboard
  • Data Visualization
  • Tables
  • Complex Information

Design is finished when it ships: annotated specs, component states and a review loop with development.

  • Prototype
  • Developer Handoff
  • Implementation Review
  • Tooling · Figma · MasterGo · Axure · Photoshop

Tools & Stack

Tools & Stack
Figma
MasterGo logoMasterGo
Axure RP logoAxure
Photoshop logoPhotoshop

Also used · Sketch · Modao · Pixso · js.design · WeChat

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 working on B2B products, government platforms and WeChat mini programs.

Most of my work sits where agriculture meets operations: traceability, farm management, village governance, ERP. Dense data, many roles, very little patience.

I work from the business workflow inwards: structure first, then interface, then the system that keeps it consistent — and stay through implementation review.

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.

Available for UI Designer opportunities — B2B · ERP · SaaS · Data Visualization.

Hangzhou · Remote & on-site

Get In Touch