# Zhibang Jiang — Product Designer for Data & AI > Enterprise software should be trustworthy and feel effortless. I design and develop interfaces for complex data and AI systems, helping domain experts make high-stakes decisions with confidence. - Website: [https://zhibang.design](https://zhibang.design/) - Email: [zhibang.jiang@gmail.com](mailto:zhibang.jiang@gmail.com) - Studio: [https://frameworks.design/?utm_source=zhibang.design&utm_medium=referral&utm_campaign=portfolio_side_nav](https://frameworks.design/?utm_source=zhibang.design&utm_medium=referral&utm_campaign=portfolio_side_nav) - GitHub: [https://github.com/gitacoco](https://github.com/gitacoco) - LinkedIn: [https://www.linkedin.com/in/zhibangjiang](https://www.linkedin.com/in/zhibangjiang) ## Work ### Syndrome Monitoring and Warning Canonical section: [https://zhibang.design/#syndrome](https://zhibang.design/#syndrome) I design city-wide 'antivirus software' to safeguard lives **Challenge:** The Shenzhen CDC was worn down by the campaigns to contain the outbreak of infectious diseases like COVID-19. It wished to prevent disease outbreaks through a predictive and proactive approach. **Approach:** We used Healthcare AI to reveal spatial-temporal warning signs and drive decision intelligence. To achieve this goal, I enhanced human-centered AI. This included introducing Explainable AI to build human-computer trust, as well as human-in-the-loop methods to hedge against the limitations of machine intelligence. **Duration:** 2021-2022 **Role:** Lead UX/UI Designer **Methods:** User Interviews, User Modeling, Task Modeling, Prioritization, Design Strategy, Design System, Desktop, Visual Analytics **Impact:** This has been launched for Shenzhen city, with a population of 18 million, to monitor 10k sensitive institutions and protect 400k sensitive people. This was incorporated as one of the best practices in China's first [Explainable AI Report](https://docs.qq.com/pdf/DSmVSRHhBeFd0b3Zu?). **Media:** - [Image 1](https://zhibang.design/img/syndromecv.webp) - [Image 2](https://zhibang.design/img/syndrome1.webp) - [Image 3](https://zhibang.design/img/syndrome2.webp) - [Image 4](https://zhibang.design/img/syndrome3.webp) ### Epidemiologic Survey Assistant Canonical section: [https://zhibang.design/#epid](https://zhibang.design/#epid) I modernize legacy workflows to make life easier for everyone **Challenge:** China’s Zero-COVID policy required local governments to respond to positive cases immediately. They must trace the whereabouts of the cases over the prior two weeks and produce a report within 48 hours. However, the traditional workflow was no longer up to the task due to the massive repetitive dirty work it involved. **Approach:** We fully optimized the situation using Conversational AI and Intuitive Data Entry. Additionally, we unwound the cable salad for their better cross-functional collaboration by bringing cross-platform applications and workflow automation, integrating isolated tasks that were scattered among multiple roles. **Duration:** 2021-2022 **Role:** Lead UX/UI Designer **Methods:** Contextual Inquiry, Scenario Swimlanes, Journey Mapping, Design Strategy, Conversational Design, Form Design, Desktop, Mobile, Network Viz, Geo Viz, Usability Testing **Impact:** The system has been deployed in Shenzhen and Chengdu CDC, slashing the average survey time from 24 to 4 hours. This has been [featured in The People's Daily](http://paper.people.com.cn/rmrbhwb/html/2022-04/19/content_25913573.htm), China's equivalent of The NY Times. **Media:** - [Image 1](https://zhibang.design/img/epidcv1.webp) - [Image 2](https://zhibang.design/img/epid2.webp) - [Image 3](https://zhibang.design/img/epidcv2.webp) - [Image 4](https://zhibang.design/img/epidcv3.webp) ### Data Visualization Design System Canonical section: [https://zhibang.design/#carecharts](https://zhibang.design/#carecharts) I promote design standardization to raise R&D efficiency **Challenge:** Tencent Healthcare had extensive scenarios for medical data visualization, but the legacy data charts lacked consistency in interactions, layouts, colors, typography, and other design elements. **Approach:** I created CareChart, a Figma-based Chart Design System, conceptualized holistically to ensure it's easy-to-use, maintainable, and scalable. It's tailored to be both user-friendly––aligning with human perception––and efficient for design and development. **Duration:** 2021-2022 **Role:** Project Lead **Methods:** User Research, Competitive Analysis, Design Principles, Style Guide Creation, Component Design, Accessibility Guidelines, Documentation, Tool Integration **Impact:** This was delivered as an internal-use design infrastructure. It was also integrated into our internal BI tool, allowing to generate charts in SVG format for precision design. **Media:** - [Image 1](https://zhibang.design/img/carechart1.webp) - [Image 2](https://zhibang.design/img/carechart2.webp) - [Image 3](https://zhibang.design/img/carechart3.webp) ### Air Traffic Control System Canonical section: [https://zhibang.design/#air](https://zhibang.design/#air) I support domain experts in eliminating airspace risks **Challenge:** Boeing China and the Civil Aviation Administration of China (CAAC) found that the traditional Air Traffic Control system relied heavily on human participation, where human-caused safety risks might exist. **Approach:** We designed a risk awareness system where we built analytics views of the airways, sectors, and ground airports, reflecting the global status of airspace. This enhanced the automation of identification of air traffic risks. **Duration:** 2019 **Role:** Visualization Designer **Methods:** User Interviews, Desk Research, Large Screen, Visual Analytics **Impact:** This system has been successfully deployed at Beijing Capital International Airport and the CAAC North China Regional Administration. **Media:** - [Image 1](https://zhibang.design/img/boeingcv.webp) - [Image 2](https://zhibang.design/img/boeing1.webp) - [Image 3](https://zhibang.design/img/boeing3.webp) - [Image 4](https://zhibang.design/img/boeing4.webp) - [Image 5](https://zhibang.design/img/boeing5.webp) - [Image 6](https://zhibang.design/img/boeing6.webp) ### Nike Data Dashboard Canonical section: [https://zhibang.design/#nike](https://zhibang.design/#nike) I translate dull datasets into engaging visual stories **Challenge:** Nike's global top executives were set to visit the Beijing branch for their annual report summit. The Beijing team was worried about their stale report format and wanted something more creative and engaging as a supplement for the executives to discover. **Approach:** I designed a map-based dashboard that brought the data to life. Using a "one-shot" storytelling technique and seamless transitions, I transformed Nike's annual report from a bland Powerpoint-style narrative into a captivating "sightseeing" experience. **Duration:** 2017 **Role:** Product Designer **Methods:** Stakeholder Workshops, Motion Design, Illustration Design, Tablet, Geo Viz, Heuristic Evaluation **Impact:** The client was thrilled with the result, and the dashboard raised the standard for presenting data at Nike Beijing. **Media:** - [Video 1](https://zhibang.design/img/nike1.webm) - [Video 2](https://zhibang.design/img/nike2.webm) - [Video 3](https://zhibang.design/img/nike4.webm) - [Video 4](https://zhibang.design/img/nike3.webm) ### Avian Species Protection Canonical section: [https://zhibang.design/#connectedbirds](https://zhibang.design/#connectedbirds) I keep eye on the accessibility of data-driven experiences **Challenge:** The Last Faces and Growing Whirlpool showcases the work the Smithsonian does on conservation of avian species. It was extended to A Symphony Beyond Reach using sounds from extinct bird species to create a speculative biosphere of animals that no longer exist. **Approach:** Connected Birds then elicited a flexible framework that breathed new life into static specimen exhibits in a data-driven way and enhanced in-person engagement for museums, especially in less-developed regions, thanks to its affordability and accessibility. **Duration:** 2020-2021 **Role:** Author **Methods:** Field Study, Storyboarding, Desktop, Tablet, Augmented Reality, Relational Viz, Geo Viz, API Management, Web Development **Impact:** The Growing Whirlpool was featured on the [Smithsonian’s website](https://www.si.edu/openaccess/updates/parsons-visualizations) as one of their top favorites. Connected Birds took the China Wetland Museum as a pilot scenario, demonstrating a framework that could be opened up to datasets of any species in any museum. **Media:** - [Image 1](https://zhibang.design/img/sicv.webp) - [Video 2](https://zhibang.design/img/si1.webm) - [Video 3](https://zhibang.design/img/si2.webm) - [Image 4](https://zhibang.design/img/si3.webp) - [Video 5](https://zhibang.design/img/si4.mp4) - [Video 6](https://zhibang.design/img/si5.webm) - [Video 7](https://zhibang.design/img/si6.webm) - [Video 8](https://zhibang.design/img/si7.webm) ### Smart Color Picker Canonical section: [https://zhibang.design/#smartcolorpicker](https://zhibang.design/#smartcolorpicker) I simplify tasks and tailor optimal flows for segmented users **Challenge:** The Quick BI users wished to efficiently configure aesthetic and scientific color schemes for a single chart and make them consistent or consonant with the other charts on the dashboard. **Approach:** I established color mapping rules to drive a smart color picker that helps people configure appropriate colors in a foolproof way. **Duration:** 2020 **Role:** UX & Data Designer **Methods:** Desk Research, Competitive Analysis, Concept Design, Business Intelligence, Desktop **Impact:** We collaborated with the tech team to build a designer-trained algorithm for color generation using artificial neural networks. We also prototyped color pickers to function as the algorithm’s interface. **Media:** - [Image 1](https://zhibang.design/img/alibaba2.png) - [Image 2](https://zhibang.design/img/alibaba3.png) - [Image 3](https://zhibang.design/img/alibaba4.png) ### The COVID-19 Barometer Canonical section: [https://zhibang.design/#covid19](https://zhibang.design/#covid19) I unlock the value of data for the public good **Challenge:** At the beginning of the COVID-19 outbreak, the public found it challenging to learn more from the basic statistics displayed by the mainstream media in China. They were often unable to perceive national trends, cross-provincial differences, and future situations. **Approach:** We published The COVID-19 Barometer, a color-coded pixel matrix, to accomplish the three above goals. In addition, we used advanced techniques to reduce biases and increase richness of the data. **Duration:** 2020 **Role:** Lead Visualization Designer **Methods:** Mobile, Pixel Viz, Geo Viz, Multiple Coordinated Views **Impact:** Our work informed more than 1M people in the first two months of the outbreak. The work has been featured by prestigious news media like [Nightingale](https://medium.com/nightingale/lessons-from-chinas-epidemic-visualization-f3b25c136d51) and [longlisted in IIB Awards 2022](https://www.informationisbeautifulawards.com/showcase/4664-the-covid-19-barometer). **Media:** - [Image 1](https://zhibang.design/img/pkucv.webp) - [Video 2](https://zhibang.design/img/pku1.webm) - [Image 3](https://zhibang.design/img/pku2.webp) - [Image 4](https://zhibang.design/img/pku3.webp) - [Image 5](https://zhibang.design/img/pku4.webp) ### Instructed at the Top Design School in China Canonical section: [https://zhibang.design/#nua](https://zhibang.design/#nua) I popularize DataVis knowledge by teaching and coaching **Challenge:** I was invited by Nanjing University of the Arts to teach graphic design students interactive visualizations based on their built infographics in 19 days. The students' knowledge of data literacy and interaction design was limited, posing a big challenge. **Approach:** I introduced best practices and supported students in analyzing them collaboratively, synthesizing them into a design space, and internalizing the space as their own approaches. I acted as a designer of their learning journeys by hosting a syllabus wiki, instructing, coaching, co-organizing an on-site exhibition, and building [a cyber show](http://nuaworkshop.oss-cn-shanghai.aliyuncs.com/) to curate their works. **Duration:** 2021 **Role:** Instructor **Methods:** Co-Workshops, K-J Method, Syllabus Design, Seminar, One-On-One Meeting, Flipped Classroom, Exhibition, Survey **Impact:** All students delivered and curated quality interactive visualizations. In the anonymous teaching assessment, they submitted exceptionally strong evaluations. Three works have been longlisted in IIB Awards 2022, and one has been [shortlisted](https://www.informationisbeautifulawards.com/showcase/5358-ancient-towers-in-china). **Media:** - [Image 1](https://zhibang.design/img/nua2.webp) - [Image 2](https://zhibang.design/img/nua3.webp) - [Video 3](https://zhibang.design/img/nua4.webm) - [Video 4](https://zhibang.design/img/nuashow.webm) - [Video 5](https://zhibang.design/img/nuatower.webm) ## Testimonials ### Shannon Mattern, PhD Penn Presidential Compact Professor of Media Studies and Art History, University of Pennsylvania Zhibang was instructed by Shannon when she taught in The New School’s School of Media Studies. > I want to commend Zhibang for the extraordinary conscientiousness, care, openness to critique, and commitment to improvement. > > In my 20 years of teaching, I don’t think I’ve ever encountered anyone as open to constructive critique — and as willing to allow others’ input to inform and improve their own work. ### Lee Kuczewski Founder & CEO, Merging Futures, LLC. Zhibang reported directly to Lee. > As the CEO of a data and design consultancy with a background in data visualization, I've had the distinct privilege of working alongside Zhibang on a complex healthcare EHR product. His work ethic, attention to strategic detail, and empathy for the end user places him in the highest class of talent worldwide. His background as a trained UX/UI designer with a focus on data-driven insights will provide an extraordinary edge for your team. ### Sonya Sun Principal Design Manager, Healthcare Department, Cloud and Smart Industries Business Group, Tencent Zhibang reported directly to Sonya. > Zhibang can understand a new industry quickly, grasp the essence of a challenge, pinpoint problems, and analyze requirements of complex systems independently. > > In the design of the Epidemiologic Survey Assistant, Zhibang learned from practice and refined his approach repeatedly. He always made sure the final output satisfied all parties. He can think outside the box to deliver better solutions with limited time and resources while keeping a high level of design quality. > > In the standardized design of chart components, he built a high-quality chart design system, effectively improving the engineering level of the design team. The library of data charts he created fully reflected his competitive edge in data visualization. He received unanimous praise from all stakeholders. ### Mengqi Yang Senior Product Manager, Healthcare Department, Cloud and Smart Industries Business Group, Tencent Zhibang collaborated with Mengqi. > Zhibang is different from all other designers. With limited resources, even senior designers may finish their work with a perfunctory attitude, while he always brings something exceeding expectations to the project. His contribution to the Syndrome Monitoring product is irreplaceable, both in the past and future. ### Hao Chen Associate Professor, IIB Awards Winner, School of Design, Nanjing University of the Arts Zhibang was invited by Hao to host the workshop. > Zhibang's workshop fully reflected his high level of professionalism in all aspects, including theoretical systems, subject settings, course structures, teaching, and guiding student assignments. > > Students built a new understanding through his teaching and mastered interactive information design in just three weeks. ### Jia Zeng Design Manager, Intelligent Platform Department, Cloud and Smart Industries Business Group, Tencent Zhibang reported directly to Jia in preparation for Tencent Design Week. > Zhibang was one of the service design volunteers I recruited for the Tencent Design Week 2021, serving as the head of the registration and check-in group. > > His ability to take the initiative, communicate, give feedback, and think out of the box is outstanding. Given the uncertainty of the epidemic, Zhibang game-planned for every possible scenario and developed comprehensive plans through Design Thinking. I was impressed by his problem-solving ability. He was totally my right-hand man. > > In the cross-departmental collaboration, Zhibang also showed distinctive maturity: he built up deep trust with his colleagues; he also could express views in a reasonable and justified manner in the conflicts with other groups, maintaining a constructive and cooperative relationship while fighting for the rights of his group. This is very rare. > > I can't wait to work with him again! ### Yi Liu Design Manager, Big Data Design Center, Data Technology and Products Business Group, Alibaba Group Zhibang reported directly to Yi. > I was initially interested in Zhibang's excellent visualization background. Then I found out that he could combine theory and practice well in his work and understand the current trends in the industry in both China and the West, which is very rare. > > I still remember the cross-departmental seminar sesson he hosted on Intelligent BI. I still occasionally read and benefit from this presentation. ### Christine Yi China Head, Content Market Group, MediaCom, a GroupM Company Zhibang reported directly to Christine. > What impressed me most about Zhibang is his professionalism in information visualization. MBA (MediaCom Beyond Advertising) Ocean Content, an online media resource database, is something I've always wanted to do since I led the team. Zhibang really made this happen. This is the most incredible achievement done by interns I've ever mentored. I believe that he can make a difference in any field with his personality. ## Site information Built in 2022.