Methods
Figma
Python
Hugging Face
Teachable Machine
Group Work
Product Designer*1
Engineers*3
My Contributions
Web Design
Model Training&Analysis
Stakeholder Analysis
Areas
Web Design
Data Visualization
Computer Vision
OVERVIEW
A Backend Bike Parking Management Platform To Help Netherlands Municipality Analyze and Monitor Data
The backend bike parking management platform is designed to assist municipalities in the Netherlands with analyzing and monitoring data related to bike parking facilities. By leveraging data insights, municipalities can improve urban mobility and enhance the cycling experience for residents.
Analyze parking data thoroughly and easily with data processed through computer vision
The platform provides tools to track usage patterns, optimize resource allocation, and ensure efficient management of parking infrastructure. This approach simplifies complex data analysis, enabling thorough monitoring and optimization of parking resources.
Simulate tests to identify the best solution locations based on UDES Model
Simulate tests using the UDES Model to evaluate and identify optimal solution locations with precision and efficiency. This approach leverages data-driven insights to analyze potential outcomes and select the most effective locations for implementation.
Check assigned progress on tasklist to dominate the bike parking management
Check assigned progress on the tasklist to ensure efficient oversight and maintain control over bike parking management. Monitoring updates and completed tasks allows for streamlined operations and effective decision-making to dominate the management process.
THE CHALLENGE
Explore Experiences and Data in One Month
BACKGROUND
Chaotic Bike Parking in the Absence of Bike Racks
OUR CLIENTS
The government is seeking feedback on a new bike regulatory system to increase monitoring of AFAC's bike removal services, promote more timely and reasonable bike rack planning, and reduce chaotic bike parking in Delft.
RESEARCH
Gather Stakeholder Pieces
We spoke with one government official, two removal workers, and one rider to narrow down our goal with a comprehensive vision.
Municipality Clerk
“The bike removal shows low efficiency and high randomness.”
Removal Worker
“We won't usually tow bikes that are fastened to poles or trees.”
Cycler
“It's a bet; most of the time, I won't get penalized for improper parking, so I don't bother with a bike rack.”





Current Situation:
Regulate by AFAC (Bike Removal Company)
INSIGHTS
Unconfident of Bike Parking Distribution
The government cannot track clear data and trends to make bike rack iteration

Distrust for Bike Removal Company’s Progress
The extent of the government's engagement in the mutual enhancement of the bike removal company is limited.

Lack of efficiency in generating timely solutions
Underreporting is typical because of the randomization of fine lists, which involve different times, different inspectors, and variable cycling conditions.
How can we help the municipality clerks analyze the bike parking data to dominate the monitoring and planning process?
DESIGN STRATEGY
Use an All-in-one platform to help clerks process and analyze data
FIRST EXPLORATION
Combine map and dashboard sketches based on a half-day design sprint
The design of lists of cards was dropped and a map visualization was incorporated with a comprehensive dashboard with rankings to offer intuitive geographical insights and ensure a target-oriented and actionable display of performance metrics.
WIREFRAMES
USER FEEDBACK
“The prototype is very helpful for the analytics, however, it’s difficult for us to target the problems and generate the rack placing solution for the unracked bikes”
CHALLENGE 01
How can I simplify the data visualization?
LAYOUT IMPROVEMENT
Simplify the layout by decreasing the layers of windows
Chunk the sections to basic information, progress data and surrounding data, instead of using drop down and floating cards, making the interface clear and straight-forward
METRIX CHANGE
Ease surrounding data overload by dividing the legend scale and parameter
DATA VISUALIZATION
Design intuitive and feasible map visualization to clarify data
CHALLENGE 02
How can I enable users to conduct tests before identifying the best solutions?
DATA ANALYSIS
Reorganize the data input and output based on user needs and UDES model
In order to use urban planning simulation to test their solutions before implementation, I reorganized the data input and output flow based on user needs
SIMULATION PROCESS
Reorganize the data input and output flow based on user needs
- Fill in the parameters step by step
- Hover and click to fill in the parameter information
SIMULATION OUTCOME
Analyze simulation outcome through timelines and locations
- Store simulation history in tabs
- Analyze the dynamic patterns of certain observation points assigned
CHALLENGE 03
How to optimize the tasklist?
TASKLIST FINAL DESIGN
Add data categories and keep information aligned with other pages
SIMULATION PROCESS
Track progress with detailed pages
- Show current situation
- Using a line chart to show progress changes
Good Collaboration with Colleagues
I am good at fostering close collaboration with engineers to bridge the gap between design and technical implementation. For example, I organized a workshop with three engineers to collaboratively discuss the user flow and data processing, ensuring that the design was both user-centered and technically feasible.
Good at designing with complex tasks and data
I am good at turning intricate processes into intuitive user experiences. For instance, I developed data visualizations and designed a simulation process that enabled users to interact with and understand multifaceted datasets effortlessly.
What Sets Me Apart