Enhancing City Living through
Digital Transformation

Product designer @ Kefen Derivative Technology Co., Ltd.
& Digital Urban & Rural Development Institute
30 sec quick read - for someone who wants to hire me

Overview

Role
Product Design
Interaction Design
Visual Design
Rapid Prototyping
Duration
January 2023 - June 2023
6 Months
180-day Chinese Visa limit
Status
7 Products Launched
20+ Post-Launch Optimizations
Dozens of Presentations + Graphical Content Collections

Mission

Adapted from Harvard Business Review, "How Smart, Connected Products Are Transforming Competition," by Michael E. Porter and James E. Heppelmann, November 2014
In the wake of the lifting of travel restrictions in China post-Covid, the country embarked on an accelerated smart city digitalization revolution. Our team played a pivotal role in developing interfaces, applications, and IoT integrations for government agencies and civic services. We also collaborated with various third-party companies to drive the digitalization of smarter cities. 

As a product designer, I worked on projects of varying and scales, from MVPs to post-launch iterations, from designing comprehensive monitoring interfaces for critical emergency coordination systems to crafting innovative interfaces for tourist attraction control centers. In this capacity, I worked closely with another designer, the sole two in the team, collaborating with stakeholders, PMs, researchers, front and back-end developers, 3D designers, and UX testers.

These projects sharpened my UX/UI design expertise and enhanced my adaptability in addressing diverse design challenges driven by business needs. This has made me a versatile and resourceful designer across different domains.

Due to NDA, some projects’ contents have been protected
Due to our projects' focus on digital transformation for government institutions and civic service, I can only display prototypes. Any launched content involving national data feeds falls under local server supervision, restricted for use by government departments or client-side users.

Definition: Digital Transformation & Smart City

Read more

DX, or digital transformation, in the context of cities, refers to the comprehensive process of leveraging digital technologies to address multifaceted urban challenges. It involves utilizing innovative approaches, diverse data sources, and technological advancements such as cloud computing, mobility, and data analytics to enhance urban experiences, foster sustainability and resilience, and elevate the financial and operational performance of municipalities.

Smart Cities, aiming for outcomes-based digital transformation, seek to integrate disparate operations and processes, starting from smaller departmental projects and gradually expanding toward a cohesive citywide ecosystem. The complexity arises from the need to align interconnected physical and human systems within cities, requiring ICT systems to mirror and function as interconnected systems themselves. This interconnectedness forms the foundation for tackling intricate urban issues through digital means.

A Day in life of 996 Product designer

Read more

I was working at the Chengdu Tianfu Software Park, one of the most Hi-tech Industrial Development Zones in China. Here, the majority of people follow the minimum 996 work schedule, which means working from 9 a.m. to 9 p.m., six days a week. During my time here, I experienced high pressure and learned how to collaborate with the team to deliver multiple projects within tight timelines.

My day typically started at 7:30 a.m. I would wake up, quickly freshen up, have breakfast, and then ride a shared bike for 25 minutes to reach the office. Before the product manager arrived, I would usually use this time to communicate with another designer and discuss our design tasks for the day. Sometimes, we would also communicate with UX testers to address any areas that needed improvement based on recent test results. We would also touch base with the front-end team to check on the progress of pages that were either still in discussion or undergoing improvements from the previous day.

Once the product manager arrived, we would have a brief stand-up meeting. We would gather around a whiteboard displaying everyone's tasks for the week. During this meeting, we would discuss each person's current progress. The other designer and I would simultaneously coordinate with the product manager and front-end team. I typically worked with around five front-end developers on different pages and occasionally coordinated with the back-end team to ensure the completeness of product functionality. Lunchtime typically ran from 11:45 a.m. to 1:15 p.m. We would have lunch together and sometimes take a half-hour nap at our desks when we returned.

In the afternoon, we continued working until 5:30 p.m., ensuring that all remaining tasks were well-prepared for handover before leaving at 6 p.m. However, due to pressure from stakeholders, upper management, and multiple product demands, we often chose to work overtime. In some cases, we worked until 8-10 p.m. or even later. After leaving work, I would ride the shared bike back home. Sometimes, I had additional tasks or meetings to attend after work, and occasionally, I had to work on Sundays as well.

About Chengdu

Read more

Chengdu, the capital city of Sichuan Province in China, is renowned for its delicious cuisine, and rich cultural heritage.

Chengdu is famous for being the home of giant pandas!

Spicy food Is an essential part of the Chengdu lifestyle!

Chengdu is famous for its teahouses!

Learn more

1

Smart Travel Tianfu
Public service platform that help people access tourism-related information and services.

WHY

Background & Product
Product: The "Smart Travel Tianfu" cultural and tourism public service platform is designed as a one-stop digital service system. It utilizes mobile devices (phones) through apps, mini-programs, and WeChat public accounts to provide the public with abundant cultural and tourism-related information, online inquiries, reservations, and other online public services.

Background:
In recent years, Sichuan has focused on digitizing and smartening up its cultural and tourism sectors. The province's first Cultural and Tourism Development Conference in 2019 stressed the importance of convenience, using tech to build the "Tianfu Cultural Tourism" smart info hub. By October of that year, the Sichuan Provincial Department of Culture and Tourism began crafting the "Smart Travel Tianfu" platform, using tech to boost Sichuan's cultural and tourism industries.

How

Objectives & MY Role
Team Objective (2021–2023): "Smart Travel Tianfu" aims for a matured core product, team, and platform, ensuring sustainable growth.

Target: Over 100 million users, 4 million registered users, and outreach to at least 3000 enterprises.
My Objective: Based on feedback from PM&UX researchers, enhance the user experience and interface with new features integration for seamless interaction among both new and existing users.

My Role:
● Presenting initial drafts to internal teams and key stakeholders.
● Creating UI mockups and prototypes

What

Outcome
Designed and prototyped UI/UX for versions V1.0.7, V1.0.8, V1.0.9, V1.1.0, V1.2.0 (Launched from Jan 5, 2023, to Jun 27, 2023)

Participated in designing interfaces includes: reservation booking, scenic spots, venues, accommodations, dining, cultural exhibitions, artistic performances, online streaming, specialty products, routes, comment sharing, complaints reporting, volunteer services, and educational travel, etc.

2

Easy station + MediPlus
Public service stations that help people access medical care and other public services.

WHY

Background & Product
Product:

Easy station:
relies on smart toilets as the foundation, it is a dual service station integrating toilets, public health services, emergency assistance, commercial facilities, etc., creating a convenient service system.

MediPlus: connects patients and doctors online and offline, offering free check-ups, cloud-based diagnosis, and treatment. It provides 24/7 online doctor consultations, free medical services, AI consultations, and easy access to specialized hospital care. The MediPlus Robot offers AI diagnosis and 24/7 video consultations with doctors, making it easier for people to get medical advice and prescriptions anytime.

● AI Smart Doctor: Voice interaction, intelligent diagnosis, covering 4000+ diseases.
● General Practitioner: Provides 24-hour online video consultation services.
● Internet Hospital Doctor: Online payment via medical insurance, instant, secure, efficient delivery of professional prescriptions, and medication to your doorstep (currently supporting Shanghai medical insurance only).
● Top-Tier Hospital Specialists: Appointments for offline specialist consultations, streamlined hospital admissions, and online consultations, alleviating the challenges of accessing medical care.


Background:

MediPlus - Policy Background:
The "Healthy China Initiative (2019-2030)" proposes: "Focusing on disease prevention and health promotion as the core, undertaking 15 major specialized actions to facilitate the shift from a disease-centric approach to one centered around the health of the people.

MediPlus - Population Demands: Currently, uneven economic development leads to more healthcare resources in cities, leaving grassroots areas like communities underserved. Many people tend to seek treatment only for serious illnesses, neglecting minor health concerns. Additionally, challenges include a lack of shared medical data, insufficient medical staff, and extended wait times for healthcare services.

How

Objectives & MY Role
My Objective: Help present Easy station + MediPlus services upgrade to provincial governments through presentation and mock-up demo.

My Role:
● Design and create visually stunning and compelling presentations and mock-ups for the collaboration of Easy Station + MediPlus and the government.
● Collaborate with stakeholders and subject matter experts to transform concepts and data into persuasive visuals.
● Ensure presentations are cohesive, consistent, and aligned with corporate identity and messaging.

What

Outcome
As of July 2023, nationwide, across eight provinces and thirteen cities, over 400 service stations have served more than 500 million individuals.

3

Tourism smart dashboard
Smart dashboard for city & county-level tourism industry control rooms

WHY

Background
Background:

As the development of smart scenic areas progresses, visual data screens have become crucial tools for managing and operating these areas. These screens, known for their comprehensive and intuitive display of information, allow management personnel to grasp the overall situation at a glance, gaining real-time insights into the operational status and various indicators of the scenic area, thereby providing robust support for decision-making.
A need to integrate cultural elements & innovative technologies like 5G, artificial intelligence, big data, and cloud computing.
Current cultural tourism setups lean heavily on hardware, lacking oversight tools.
Limited tourism data requires combining information from scenic sites, government sources, and online platforms to foster cohesive cultural and tourism growth.

How

Objectives & MY Role
Team Objective:
● Developed a standardized cultural tourism data system, unifying information from scenic spots and venues to set data standards for streamlined development.
● Integrated cultural and tourism data into a comprehensive platform, consolidating various resources for more efficient management and insights.
● Monitored core aspects of cultural tourism using advanced tech, enabling informed decision-making and fostering safe, organized industry growth.



My Objective & Role:
Communicated with backends and product managers, communicated feasible design solutions with the front end and 3D designer, and designed multiple smart dashboard prototypes from low to high fidelity within the given timeframe.

Challenges:
Striking a balance between impressing upper management and ensuring usability for end users:

Ironically, this dashboard ensemble wasn't initially created for leadership. It was actually designed for fundamental operators to quickly assess the system's operational status.

Designs in Chinese Business Culture

Read more
Me: "Imagine if they all love 'Iron Man '-style interfaces?"
My PM: "Yes."

"they" as government / upper management

In China, high-tech style design and specific color combinations often captivate upper management. Here's why:

Embodying Innovation: They symbolize progress and innovation, appealing to leaders driving business evolution.
Signaling Sophistication: Elevating a company's status, they project modernity, offering a competitive edge and a contemporary image.
Global Relevance: Using high-tech demonstrates adaptability to global standards, showcasing commitment to tech advancements.

Color:

Red and Gold: Signifying fortune and tradition, this pairing holds influence in business realms, embodying luck, happiness, and prosperity.
Red's Political Association: Its link to China's Communist Party.
Tech Blue: Depicting trust and innovation, various shades of blue invoke reliability and cutting-edge progress, appealing to desires for modernity and reliability.
Avoid using Black on White: Cultural connotations influence avoidance; white signifies mourning, while black on white might appear overly formal or somber for business settings.

Examples:

WHAT

Products shipped
Designed smart monitoring dashboard screens for five city or county-level tourism industries, and collaborated between 3D designer, front and back ends to successfully ship them.

More dashboards

view more

4

Attraction webSites
building Attraction website for different cities and provinces

WHAT

Products shipped
I collaborated with UX researchers and both front-end and back-end developers to create a web builder for various tourist department in different cities. By logging into their enterprise accounts, these department can update their city-specific tourism web pages in real-time without needing any coding skills. Our platform not only helps them quickly build and update their web pages but also standardizes the user interface of tourism websites across China. This not only benefits our clients but also provides end-users with a consistent mental model, making it easier for them to use. Below are the websites we built for different tourist agencies using our web builder:

Click to Enlarge Image

5

Cultural & Tourism Policy Hub
Simplifying Cultural and Tourism Policies

WHY

Background
To further the ongoing reforms in "streamlining administration, delegating powers, and improving regulation and services," we developed the "One-Click Access to Cultural and Tourism Policies" platform. This platform was created to improve public service efficiency by providing an innovative and user-friendly way to access government policies. It launched simultaneously on both mobile and desktop platforms.

The platform is designed to address common challenges faced by cultural and tourism enterprises, organizations, and individuals, such as:

● Difficulty finding relevant policies
● Confusion over understanding complex policies
● Challenges with the policy application process

This tool is the first of its kind in China, serving as a dedicated search engine and policy interpretation platform for the cultural and tourism sectors.

How

Objectives & MY Role
Cultural and tourism policies cover a wide range of areas, are numerous, and are issued by multiple authorities. To help enterprises and individuals in the cultural and tourism sector better understand and access these policies, the Sichuan Provincial Department of Culture and Tourism developed the "One-Click Access to Cultural and Tourism Policies" platform. This platform has three main features:


My Objective & Role:

● Collaborated closely with UX researchers to understand the needs and pain points of cultural and tourism enterprises, organizations, and individuals.
● Translated research insights into design decisions that streamlined the user experience, from policy discovery to policy application.
● Developed simple interaction designs for complex processes to ensure ease of use for end-users, typically middle-aged individuals.
● Conducted usability tests with UX researchers to validate design solutions and iterated based on feedback to ensure the platform was user-friendly and accessible.


The Platform:
Easy Access: Over 300 policies are available online through both a website and an app, with regular updates.
Easy Search: Policies are organized by categories and can be found using a search bar or by browsing, ensuring quick and accurate results.
Practical Use: Each policy includes explanations and related information, making it easy for users to understand and apply the policies.

WHAT

Products shipped

More projects are coming soon

Due to NDA, some projects’ contents currently are being protected.