Data Visualisation · UX & Web Design
2024
PedalSafe Atlas
Making cycling safety easier to navigate.
Making cycling safety easier to navigate.
Data Visualisation · UX & Web Design
2024
PedalSafe Atlas
Making cycling safety easier to navigate.
Brief
PedalSafe Atlas helps cyclists explore where to park in Greater London. Interactive maps and dashboards bring bike-theft hotspots, cycle parking and trends into one view.
TOOLS & TECHNOLOGIES
Web scraping · Collected source data
Python · Prepared theft and parking data for CSV import
Tableau · Built interactive maps, trend charts and dashboards
TOOLS & TECHNOLOGIES
Web scraping · Collected source data
Python · Prepared theft and parking data for CSV import
Tableau · Built interactive maps, trend charts and dashboards
Role
Research, UX/UI design, data preparation & visualisation
Timeline
Nov – Dec 2024
Team
Individual project
Platform
Interactive website · Tableau dashboards
Role
Research, UX/UI design, data preparation & visualisation
Timeline
Nov – Dec 2024
Team
Individual project
Platform
Interactive website · Tableau dashboards
Brief
PedalSafe Atlas helps cyclists explore where to park in Greater London. Interactive maps and dashboards bring bike-theft hotspots, cycle parking and trends into one view.
TOOLS & TECHNOLOGIES
Web scraping · Collected source data
Python · Prepared theft and parking data for CSV import
Tableau · Built interactive maps, trend charts and dashboards
Role
Research, UX/UI design, data preparation & visualisation
Timeline
Nov – Dec 2024
Team
Individual project
Platform
Interactive website · Tableau dashboards
When losing a bike changes the way you cycle
Background
Personal experience
My new bike was stolen outside a gym in Greater Manchester within weeks of buying it. Reporting the theft and navigating insurance left me frustrated, and made cycling feel less secure.
1
01 · A new bike for everyday journeys.
2
02 · Locking it outside the gym became routine.
3
03 · One day, only the broken lock remained.
4
04 · Little relief after reporting.
The cost goes beyond the bike
Desk research
Desk research pointed to low recovery, insecure parking and a loss of confidence in cycling.
Greater London
1st
For bike-theft cases, with
16.2k
thefts reported in 2023–24.
1%
Few cases lead to charges
Of reported bike thefts resulted in charges · over 182k reports
11%
Hard to get back
Stolen bikes returned to their owners
<24%
Unsafe parking
People who felt bicycle parking was secure
Project desk research · 2024. These figures describe the research context at the time.
Cycling behaviour after theft · Research context.
Wider cycling context · Original desk-research illustration.
Losing confidence in cycling
The research cited 66% cycling less and 25% giving up after theft. I began to focus on the decisions people make after losing confidence in cycling.
Between plans and everyday experience
Desk research · Stakeholder mapping
I compared official cycling and parking reports with cycling websites and community forums. The gap was between long-term infrastructure plans and the immediate reassurance people need.
Government
Official planning
Long-term infrastructure plans face parking gaps and enforcement challenges.
Conflict
Long-term plans meet immediate needs
Local community
Community experiences
Cyclists need immediate reassurance, secure parking and a response they can trust.
Information flow & feedback
Official reports and infrastructure data meet cycling websites, forums and news.
Potential for synergy
Combine official data with community reports to make cycling safety easier to act on.
Engagement & trust
Infrastructure initiatives connect with cycling communities through participation and trust.
When losing a bike changes the way you cycle
Background
Personal experience
My new bike was stolen outside a gym in Greater Manchester within weeks of buying it. Reporting the theft and navigating insurance left me frustrated, and made cycling feel less secure.
1
01 · A new bike for everyday journeys.
2
02 · Locking it outside the gym became routine.
3
03 · One day, only the broken lock remained.
4
04 · Little relief after reporting.
The cost goes beyond the bike
Desk research
Desk research pointed to low recovery, insecure parking and a loss of confidence in cycling.
Greater London
1st
For bike-theft cases, with
16.2k
thefts reported in 2023–24.
1%
Few cases lead to charges
Of reported bike thefts resulted in charges · over 182k reports
11%
Hard to get back
Stolen bikes returned to their owners
<24%
Unsafe parking
People who felt bicycle parking was secure
Project desk research · 2024. These figures describe the research context at the time.
Cycling behaviour after theft · Research context.
Wider cycling context · Original desk-research illustration.
Losing confidence in cycling
The research cited 66% cycling less and 25% giving up after theft. I began to focus on the decisions people make after losing confidence in cycling.
Between plans and everyday experience
Desk research · Stakeholder mapping
I compared official cycling and parking reports with cycling websites and community forums. The gap was between long-term infrastructure plans and the immediate reassurance people need.
Government
Official planning
Long-term infrastructure plans face parking gaps and enforcement challenges.
Conflict
Long-term plans meet immediate needs
Local community
Community experiences
Cyclists need immediate reassurance, secure parking and a response they can trust.
Information flow & feedback
Official reports and infrastructure data meet cycling websites, forums and news.
Potential for synergy
Link official statistics with community-reported issues in a shared view of cycling safety, so theft patterns and parking information are easier to act on.
Engagement & trust
Infrastructure initiatives connect with cycling communities through participation and trust.
When losing a bike changes the way you cycle
Background
Personal experience
My new bike was stolen outside a gym in Greater Manchester within weeks of buying it. Reporting the theft and navigating insurance left me frustrated, and made cycling feel less secure.
1
01 · A new bike for everyday journeys.
2
02 · Locking it outside the gym became routine.
3
03 · One day, only the broken lock remained.
4
04 · Little relief after reporting.
The cost goes beyond the bike
Desk research
Desk research pointed to low recovery, insecure parking and a loss of confidence in cycling.
Greater London
1st
For bike-theft cases, with
1%
Few cases lead to charges
Over 182k reported thefts.
11%
Hard to get back
Stolen bikes returned to their owners
<24%
Unsafe parking
People who felt bicycle parking was secure
Project desk research · 2024.
After theft: 66% cycled less; 25% stopped cycling.
Wider context: only 8% of trips were made by bicycle.
Between plans and everyday experience
Desk research · Stakeholder mapping
I compared official cycling and parking reports with cycling websites and community forums. The gap was between long-term infrastructure plans and the immediate reassurance people need.
Government
Official planning
Long-term infrastructure plans face parking gaps and enforcement challenges.
Local community
Community experiences
Cyclists need immediate reassurance, secure parking and a response they can trust.
Information flow & feedback
Official reports and infrastructure data meet cycling websites, forums and news.
Engagement & trust
Connect communities through participation and trust.
From cycling anxiety to an actionable web platform
Ideation
A shared view of cycling safety
I connected stakeholder needs with data, education and feedback to define the platform's role.
Safer routes
Locking guidance
Parking alerts
Easy access
Lower upkeep cost
Broad reach
Simple updates
Concept map · Stakeholders, public confidence and the web platform.
Three barriers to confident cycling
Bike theft
Repeated theft creates insecurity for cyclists, residents and local businesses.
Limited awareness
Prevention advice and resources are fragmented, with gaps between official messages and community experience.
Low confidence in infrastructure
Inconsistent secure parking and theft deterrents weaken trust in everyday cycling.
Knowledge for stakeholders
Theft trends inform local responses; cyclists need practical prevention advice.
Build public confidence
Connect theft hotspots, routes and secure parking in one clear view.
Why a web platform?
A website offers broad reach, easy access and simpler maintenance than AR/VR or a dedicated app.
External environment
Urban infrastructure and local systems shape cycling safety and accessibility.
Own factors
Individual actions and habits affect the wider cycling ecosystem.
Coordination
Cyclists, merchants and public bodies need to work together.
From awareness to practical action
Paper prototyping
Four connected sketches move from an engaging entry point to theft patterns, prevention guidance and secure parking.
01 · Introduce bike theft through a familiar London setting.
02 · Make statistics and patterns easy to explore.
03 · Connect theft information with prevention advice.
04 · Help cyclists locate secure parking.
Checking clarity before development
Early user feedback
An early review considered clarity, navigation and usefulness from user, stakeholder and developer perspectives.
Original report diagram · General users, stakeholders and developers.
What resonated
Interactive maps and data visualisations felt practical and helpful.
What needed refinement
Clearer spacing and guidance, with useful tips, alerts and filters.
Paper-prototype review · Original session photographs.
From scattered sources to usable cycling data
Data & Tableau
Bringing sources into one workflow
Data collection · Python
I combined official records with community context, then used Python to extract, classify and prepare information for analysis.
Official sources
Police records, London Datastore and open data provided the structured basis for theft patterns and cycling infrastructure.
Community context
BikeData, cycling forums and StolenRide added experiences and prevention advice alongside the official records.
From prepared data to interactive views
Data integration · Tableau
I imported the cleaned CSVs into Tableau and combined theft and parking data in interactive maps and dashboards.
Prepared data · Original report table.
Bike-theft data
Reported incidents, locations and dates support comparisons of theft patterns.
Cycle-parking data
Parking locations, capacity and facilities provide a complementary view of cycling infrastructure.
Original workflow · Data preparation → Tableau visualisation.
From cycling anxiety to an actionable web platform
Ideation
Three barriers to confident cycling
The challenge extends beyond stolen bikes: people need clearer information, practical guidance and confidence in the places they park.
Bike theft
Repeated theft creates insecurity for cyclists, residents and local businesses.
Limited awareness
Prevention advice and resources are fragmented, with gaps between official messages and community experience.
Low confidence in infrastructure
Inconsistent secure parking and theft deterrents weaken trust in everyday cycling.
A shared view of cycling safety
I connected stakeholder needs with data, education and feedback to define the platform's role.
Safer routes
Locking guidance
Parking alerts
Easy access
Lower upkeep cost
Broad reach
Simple updates
Concept map · Stakeholders, public confidence and the web platform.
Knowledge for stakeholders
Theft trends inform local responses; cyclists need practical prevention advice.
Build public confidence
Connect theft hotspots, routes and secure parking in one clear view.
Why a web platform?
A website offers broad reach, easy access and simpler maintenance than AR/VR or a dedicated app.
External environment
Urban infrastructure and local systems shape cycling safety and accessibility.
Own factors
Individual actions and habits affect the wider cycling ecosystem.
Coordination
Cyclists, merchants and public bodies need to work together.
From awareness to practical action
Paper prototyping
Four connected sketches move from an engaging entry point to theft patterns, prevention guidance and secure parking.
01 · Introduce bike theft through a familiar London setting.
02 · Make statistics and patterns easy to explore.
03 · Connect theft information with prevention advice.
04 · Help cyclists locate secure parking.
Checking clarity before development
Early user feedback
An early review considered clarity, navigation and usefulness from user, stakeholder and developer perspectives.
Original report diagram · General users, stakeholders and developers.
What resonated
Interactive maps and data visualisations felt practical and helpful.
What needed refinement
Clearer spacing and guidance, with useful tips, alerts and filters.
Paper-prototype review · Original session photographs.
From scattered sources to usable cycling data
Data & Tableau
Bringing sources into one workflow
Data collection · Python
I combined official records with community context, then used Python to extract, classify and prepare information for analysis.
Official sources
Police records, London Datastore and open data provided the structured basis for theft patterns and cycling infrastructure.
Community context
BikeData, cycling forums and StolenRide added experiences and prevention advice alongside the official records.
From prepared data to interactive views
Data integration · Tableau
I imported the cleaned CSVs into Tableau and combined theft and parking data in interactive maps and dashboards.
Prepared data · Original report table.
Bike-theft data
Reported incidents, locations and dates support comparisons of theft patterns.
Cycle-parking data
Parking locations, capacity and facilities provide a complementary view of cycling infrastructure.
Original workflow · Data preparation → Tableau visualisation.
From cycling anxiety to an actionable web platform
Ideation
Three barriers to confident cycling
Bike theft
Theft makes cycling feel insecure.
Limited awareness
Prevention advice is fragmented.
Parking confidence
Secure parking is inconsistent.
A shared view of cycling safety
I connected stakeholder needs with data, education and feedback to define the platform's role.
Safe routes
Locking tips
Parking alerts
Easy access
Lower cost
Wide reach
Easy updates
Concept map · Data, confidence and feedback.
From awareness to practical action
Paper prototyping
Four sketches: awareness → data → prevention → parking.
01 · London introduction.
02 · Theft patterns.
03 · Prevention advice.
04 · Secure parking.
Checking clarity before development
Early user feedback
Early feedback checked clarity and usefulness.
Early review · Original report diagram.
Paper-prototype review.
What resonated
Maps and visualisations felt practical and useful.
What needed refinement
Clearer spacing, guidance, tips and filters.
From scattered sources to usable cycling data
Data & Tableau
Bringing sources into one workflow
Data collection · Python
Official records and community context, prepared with Python.
Official sources
Police records and London open data.
Community context
Cycling experiences and prevention advice.
From prepared data to interactive views
Data integration · Tableau
Theft + parking data → Tableau maps and dashboards.
Prepared data · Original report table.
Bike-theft data
Incidents, locations and dates.
Cycle-parking data
Locations, capacity and facilities.
Preparation → visualisation.
From awareness to informed cycling decisions
Interface & eye tracking
Enter, explore, then choose a map
The dashboard connects the parking and theft maps. Eye tracking helped me refine the navigation and clarify what to notice first.
Cover
Main dashboard
01 · Enter the platform
An illustrated London scene introduces bike theft. Enter the platform to open the main dashboard.
02 · Main dashboard
Statistics, forecasts and a heatmap reveal theft patterns. Two buttons open the dedicated map pages.
From the dashboard · choose a detailed map
Explore our Map
Cycle Parking Map
Discover Now
Stolen Bike Map
Find secure cycle parking
Cycle Parking Map
Find secure cycle parking across London. Search locations, inspect hub facilities and filter by features.
Explore bike-theft hotspots
Stolen Bike Map
Explore bike-theft hotspots across London. Compare reported incidents and discover local theft patterns.
What users noticed — and what needed emphasis
INFRARED EYE TRACKING
Heatmaps and attention grids highlighted competing visual elements and overlooked controls across the four pages.
01 · Cover
Attention heatmap
Attention grid
Visual focus
The background competed with the logo and essential information.
Reduce distraction; strengthen contrast and placement.
02 · Main dashboard
Attention heatmap
Attention grid
Map & statistics
Statistics and the map lacked emphasis; the sidebar felt crowded.
Group secondary data; give the heatmap a clear boundary.
03 · Cycle Parking Map
Attention heatmap
Attention grid
Search & wayfinding
Search, map markers and filters were difficult to notice.
Emphasise search; increase marker contrast and clarify filter icons.
04 · Stolen Bike Map
Attention heatmap
Attention grid
Action hierarchy
The main action and location input received little attention.
Prioritise actions with colour and spacing; clarify location input.
Make the next action clear
Takeaway & Reflection
Bringing theft records and parking information together was only part of the task. Eye tracking showed that key statistics, search and map controls also needed stronger emphasis.
From awareness to informed cycling decisions
Interface & eye tracking
Enter, explore, then choose a map
From the dashboard, choose a parking map or a theft map.
Cover
Main dashboard
01 · Enter the platform
The cover leads into the main dashboard.
02 · Main dashboard
The outlined buttons open the two map pages below.
From the dashboard · choose a detailed map
Explore our Map
Cycle Parking Map
Discover Now
Stolen Bike Map
Find secure cycle parking
Cycle Parking Map
Search parking locations and hub details.
Explore bike-theft hotspots
Stolen Bike Map
Explore theft hotspots and local incident patterns.
What users noticed — and what needed emphasis
INFRARED EYE TRACKING
Heatmaps and attention grids highlighted competing visual elements and overlooked controls across the four pages.
01 · Cover
Attention heatmap
Attention grid
Visual focus
Background competes with key information.
Reduce distraction; clarify the focal point.
02 · Main dashboard
Attention heatmap
Attention grid
Map & statistics
Statistics and the map were overlooked.
Simplify the sidebar; emphasise the map.
03 · Cycle Parking Map
Attention heatmap
Attention grid
Search & wayfinding
Search, markers and filters lacked emphasis.
Clearer search, markers and filter icons.
04 · Stolen Bike Map
Attention heatmap
Attention grid
Action hierarchy
The main action and input were overlooked.
Prioritise actions; clarify location input.
Make the next action clear
Takeaway & Reflection
Bringing theft records and parking information together was only part of the task. Eye tracking showed that key statistics, search and map controls also needed stronger emphasis.
From awareness to informed cycling decisions
Interface & eye tracking
Enter, explore, then choose a map
From the dashboard, choose a parking map or a theft map.
Cover
Main dashboard
01 · Enter the platform
The cover leads into the main dashboard.
02 · Main dashboard
The outlined buttons open the two map pages below.
From the dashboard · choose a detailed map
Explore our Map
Cycle Parking Map
Discover Now
Stolen Bike Map
Find secure cycle parking
Cycle Parking Map
Search parking locations and hub details.
Explore bike-theft hotspots
Stolen Bike Map
Explore theft hotspots and local incident patterns.
What users noticed — and what needed emphasis
INFRARED EYE TRACKING
Heatmaps and attention grids highlighted competing visual elements and overlooked controls across the four pages.
01 · Cover
Attention heatmap
Attention grid
Visual focus
Background competes with key information.
Reduce distraction; clarify the focal point.
02 · Main dashboard
Attention heatmap
Attention grid
Map & statistics
Statistics and the map were overlooked.
Simplify the sidebar; emphasise the map.
03 · Cycle Parking Map
Attention heatmap
Attention grid
Search & wayfinding
Search, markers and filters lacked emphasis.
Clearer search, markers and filter icons.
04 · Stolen Bike Map
Attention heatmap
Attention grid
Action hierarchy
The main action and input were overlooked.
Prioritise actions; clarify location input.
Make the next action clear
Takeaway & Reflection
Bringing theft records and parking information together was only part of the task. Eye tracking showed that key statistics, search and map controls also needed stronger emphasis.
Journey
Interaction Design · Game Design
A puzzle-adventure game concept that uses exploration, symbolic puzzles and evolving environments to reconnect younger players with fading festival traditions.
Remind+
Interaction Design · Mixed Reality
A mixed reality concept combining everyday guidance, cognitive puzzles and shared family memories for older adults living with Alzheimer’s disease.
More Projects
Journey
Interaction Design · Game Design
A puzzle-adventure game concept that uses exploration, symbolic puzzles and evolving environments to reconnect younger players with fading festival traditions.
Remind+
Interaction Design · Mixed Reality
A mixed reality concept combining everyday guidance, cognitive puzzles and shared family memories for older adults living with Alzheimer’s disease.