Product & Systems Portfolio

UI Designer — B2B, SaaS, App and Data Visualization. Designing clear, consistent and scalable digital products, from complex B2B systems to multi-platform interfaces.

UI Designer. B2B · SaaS · App Data Visualization

6 years designing complex digital products.

专注 B 端产品、ERP、数据可视化及多端 UI 设计。

Hangzhou · Available for opportunities

Get In Touch

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.

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.

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

Smart Village mini program home screen, no typography

03Government · Mobile B2B · 2024 · WeChat Mini Program

  • Gov
  • Mini Program
  • App

My Smart Village

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

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

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

04Agri Platform · Traceability · 2024—2025 · WeChat Mini Program

  • Mini Program
  • App
  • E-commerce
  • Traceability

Yanchi Tan Sheep · Cloud Adoption

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

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.

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.

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.

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.

  • UX / UI
  • Information Architecture
  • Interaction Design

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

  • Design System
  • Component Library
  • Visual Language

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

  • Dashboard
  • Data Visualization
  • Analytics

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

  • Prototype
  • Design Handoff
  • Design 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 in Design

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

Before design, five years in the army — discipline, responsibility, execution and teamwork are how I work, not just words.

I selectively work with clients who are passionate about their vision.

Let’s build something great together.

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

Let’s Collaborate

I am currently available for new projects with ambitious brands and creatives.

Available for UI Designer opportunities.

B2B · ERP · SaaS · Data Visualization — Hangzhou