Methods
Figma
Hugging Face
Teachable Machine
Group Work
Product Designer*1
Engineers*3
My Contributions
Product Design
User Research
Areas
Web Design
Data Visualization
Backend Platform
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 as well as check progress in Tasklist
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. 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.
Simulate tests to identify the best solution and assign new tasks to removal companies
When a problem is spotted from the Scan Car, the platform or manager should not just log the issue, but actively assign new corrective tasks to the removal company. This ensures accountability, faster resolution, and a smoother citizen's experience. 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.
BACKGROUND
Chaotic bike parking with the help of the Street Scanning Cars
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.
STAKEHOLDER INTERVIEW
The Street Scanning Car will enable Municipality to monitor live data and process
Municipality: “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 PLATFORM
However, the current platform cannot meet the new needs.
INSIGHTS
Summarize our client's pain points
Unaligned Data Metrics
The lack of standardized metrics across car-scanning systems prevents accurate tracking and comparison, making it difficult to evaluate and improve bike rack performance.
Confusing Filter Logic
Disorganized and inconsistent filtering categories lead to data fragmentation, limiting collaboration and reducing the clarity of insights for both government and removal companies.
Unintuitive Data Visualization
Current visualizations fail to clearly convey patterns in location, quantity, and violation type, preventing users from quickly capturing the overall situation at a glance.
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
EXPLORATION
How to show the bike parking information effectively?
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
CLIENT 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 we optimize the dashboard to deliver information more efficiently?
ITERATION 01
Group the KPI metrics into three categories
Reorganize the KPI metrics into three distinct groups to improve clarity, highlight relationships among key indicators, and make performance comparison more intuitive.
Include contextual information for better comparison and decision-making
Include surrounding contextual information in the data visualization to support better comparison and more informed decision-making
Add new features: Messages and Task List
Introduce new features such as a messaging system and task list to enhance collaboration and improve workflow efficiency.
CHALLENGE 02
How can we visualize and simplify complex and overwhelming data?
LAYOUT IMPROVEMENT
Visualize the general dataset on map to make key information easier to target.
Transform the general sheet into a clear, interactive visualization that helps users quickly identify key information, focus on relevant data, and make insights easier to act upon.
Display a Spot Card when a specific location on the map is clicked
Display a Spot Card when users click on a specific location on the map to provide detailed information and enhance spatial understanding.
Filter
Improve filter for easier district monitoring
Clarify and refine the filter design to help users easily monitor and compare data across different districts.
DATA VISUALIZATION
Design intuitive and feasible map visualization
Design an intuitive and practical map visualization that clarifies complex data, making spatial patterns and relationships easier to understand.
CHALLENGE 03
How can the municipality strengthen its sense of ownership and leadership?
FINAL DESIGN
Assign new task by only filling in 'Bike Removing Amount' and 'Designee'
CHALLENGE 4
How can the progress be made easier to track?
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
PROPOSAL 1
How to boost confidence in their decision making?
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
What Sets Me Apart
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.
Next
IKEA Curtain Design Tool