ParkBee

Client
ParkBee

Deliverables
// UI/UX Design
// Design system
// Signage and print
// Website
// App design

Transforming ParkBee’s Digital Experience

ParkBee was growing fast, but its digital experience was all over the place. When I joined, the website was built on WordPress without a proper CMS, signage was created ad-hoc, and internal tools were designed directly in development—each with its own visual style. This lack of cohesion led to inconsistencies and inefficiencies. My challenge was to create a unified design system, improve the website’s UX, and ultimately define the ParkBee app to provide a seamless and intuitive parking experience.

Building ParkBee’s First Design System

I spearheaded the creation of ParkBee’s first-ever design system, providing a scalable and future-proof framework for design consistency. This system established:

  • A unified visual language – typography, colors, and components designed for flexibility and accessibility
  • Reusable UI components – speeding up design and development while ensuring brand cohesion
  • Clear documentation – enabling cross-functional teams to adopt and apply the system efficiently
ParkBee design system – 3

Redesigning the ParkBee Website

A few design principles to make, discuss and evaluate design decisions.

Parking? Done.
People expect parking to be simple. So ParkBee should feel simple as well – even though we all know it’s quite complex in the background.

Exactly what you need
Delivering the right content to the right people at the right time. By tailoring flows and touchpoints to each individual, ensuring they receive precisely what they need.

It's never really about parking
We aim to make parking effortless, so people can focus on what truly matters—their destination. To do that, we must unify everything related to parking: cities, locations, transportation, technology, and beyond.

BEFORE

A confusing and uninspiring user experience

  1. Users were overwhelmed with decisions, leading to confusion and drop-offs.
  2. Hidden CTA; The primary call-to-action was out of view, reducing conversions.
  3. Dull and uninspiring design; The website didn’t reflect ParkBee’s vibrant brand.
  4. Not mobile-friendly; The lack of responsiveness caused frustrating usability issues.
  5. Lack of clarity; Visitors didn’t immediately understand what ParkBee offered or how it worked.
Web – 5
Web – 6

AFTER

A seamless, engaging, and user-friendly experience

  1. Streamlined decision-making
    A simplified user flow guides visitors effortlessly
  2. Prominent CTA placement 

    Key action are always in view, improving conversions
  3. Vibrant brand experience 

    A new energy and consistency to the platform
  4. Clear brand messaging
    Users understand what ParkBee offers and how it works.
  5. Building credibility
    Reassuring users about the quality of the service.
  6. SEO optimized
    Structure and content are tailored for better search engine visibility, driving organic traffic
  7. Fully responsive design 

    A smooth experience across all devices
Web-12

Guiding users smoothly from discovery to booking

Web-42

Tailored results based on user needs to optimise conversion

Web-32

Making parking reservations as seamless as possible

Web- 11

Maintain harmony between ParkBee’s vibrant branding

Web- 12

And clear, practical information

Web- 8

Find a spot based on specific needs and desired amenities

Web- 10

Quick and intuitive booking process to minimize friction

Web- 9

Clear instructions to ensure stress-free access

BOOST CONVERSION

Optimising landing pages to boost conversions

• About 80% of all landing page visitors are new users
• 
Most users land on the landing pages through Paid Search or Organic Search
• 
Users who perform a site search are more likely to convert than those who don’t.
• At the time, around 34% of users are not performing a search

Hypothesis
Simplifying the search module will encourage more users to engage with it, resulting in a higher prepaid conversion rate.

ParkBee heatmap
Web- 15.2

Search for parking in a city

Web- 16.2

Search parking in an area

Web- 17.2

Search parking near a point of interest

Web- 13

Building confidence by making every visit feel familiar 

Web- 14

The best parking spot near your destination

Landingpages

Leading the app design

Eventually, I took sole responsibility for the ParkBee app’s design, aligning it with the design system and improving the user experience. Key improvements included:

  • A streamlined booking flow – reducing steps and enhancing ease of use.
  • Improved navigation & accessibility – ensuring intuitive interactions for all users
  • Consistent branding & UI components – reinforcing trust and familiarity across platforms
Screenshot 2025-02-17 at 22.15.02

Why did ParkBee need an app?

Users needed a faster, more effortless way to find and book parking, but the web experience fell short. Both frequent visitors and new users found it frustrating to rely on the website for every booking. As demand grew and stakeholders pushed for a solution, one thing became clear—ParkBee needed an app, and it needed to be built fast.

App-88
Maps and search
Pre-booking – Map – Location
Loading
LDP
timepicker
payment

THE STARTING POINT

Delivering a fully functional,
user-friendly app —from scratch.

  • Zero groundwork: No previous designs, development, or infrastructure in place
  • Tight deadline: No room for delays
  • High expectations: Stakeholders expected a polished, scalable, and intuitive app
  • Cross-team collaboration: Coordinating between design, development, and business teams under tight constraints
Screenshot 2025-02-21 at 18.38.23
App – 6

APPROACH AND PROCCESS

Rapid iterations, constant testing, and close team alignment

  • Defining core functionalities to ensure a launch-ready product
  • Despite time constraints, ensuring usability and intuitive navigation
  • Balancing business needs with technical feasibility.

EXECUTION & KEY FEATURES

Seamless parking experience from search to booking to parking.

From the moment users search for a spot to the final checkout, every step needed to be fast, intuitive, and frictionless. To achieve this, we streamlined the user flow, ensuring a smooth transition from discovery to booking without unnecessary steps.

Frictionless checkout was a key priority, allowing users to complete their transactions effortlessly. Throughout development, we conducted real-time user testing, refining interactions and eliminating roadblocks to create an experience that feels simple, fast, and frustration-free.

App overview – 1.2
App overview – 2.2
Parkbee_leisureCouple_4558_72dpi

THE OUTCOME

A fully functional ParkBee app in just 3 months

Early data showed strong user adoption, with high engagement and an intuitive flow that made booking effortless. Just five months after launch, ParkBee ranked #5 among the most downloaded apps in the Netherlands, proving the demand for a smarter parking solution. 



And from this point...the real work begins...
With the MVP launched, we could finally shift our focus to real growth. Armed with initial user data and feedback, I began identifying opportunities for optimization, laying the groundwork for future improvements

App – 12

MY ROLE

Ensuring a high-quality, user-centered experience across all digital touchpoints.

I took the lead in building ParkBee’s first-ever design system, was responsible for the website’s UX/UI, and later became the sole designer of the ParkBee app.


10%

boost in website conversions

-65%

calls to customer support 

#5

most downloaded app in NL

mobile devices-5

WeiFang Fu

Digital designer