AIBOLOT: Designing Intuitive Urban Mobility

Information Architecture • User Journey Design • Smart Mobility UX

Slide 1
BACK
NEXT

Context

Designed a complete, user-focused mobile application experience designed to deliver real-time parking location discovery and secure space reservations for daily drivers.

Role

Product Designer

Timeline

6 Weeks

Core features

  • Synchronized Slot Mapping: Architected an intuitive, high-visibility interface to provide real-time occupancy data and automated parking guidance for all technical skill levels.

  • Adaptive Pricing Intelligence: Designed the user patterns for dynamic, AI-driven pricing algorithms that adjust in real-time based on peak occupancy and traffic demand.

  • Frictionless Access Control: Crafted a seemless, ticketless IoT-enabled journey using automated license plate recognition (ALPR) for instant entry and exit.

Statistics and Secondary Research

The design process was rooted in user advocacy and data-driven infrastructure analysis. The project was initiated by synthesizing quantitative telemetry data with qualitative insights from fleet operator interviews. This layered approach identified critical friction points: specifically, the disconnect between fragmented IoT data and the needs of mobile-first urban drivers.

22%

Accelerated Space Turnover

15%

Streamlined Flow Duration

60s

Reduction in Task Completion

Findings from Primary Research

Secondary research findings, targeted usability evaluations, and structured interviews with a diverse cohort of commuters—ranging from daily urban drivers to occasional visitors—were synthesized to meet rigorous industry standards and insights from online research. This process identified unique friction points and technical barriers encountered by each user segment within AIBOLOT’s mobility infrastructure.

Light & Dark Mode

Optimized for high-contrast visibility; designed to reduce cognitive load during night navigation and daylight glare.

Quick Access

Integrated spatial parking maps and predictive guidance; ensures users find and secure a spot within two interactions.

Quick Response

Adopted a mobile-first architectural approach to guarantee performance across all device network conditions.

The Redesign

After a thorough analysis of existing IoT platform telemetry and operator requirements, the design direction was established to bridge the gap between complex backend logic and accessible, consumer-grade mobility management.

Home Screen

Architected for impact, the home screen serves as a high-impact entry point to the AIBOLOT ecosystem. Strategic visual hierarchy and interactive elements establish brand authority, guiding user focus toward core values like real-time availability and seamless navigation.

Strategic Conversion

The legacy version suffered from fragmented pathways and unclear signals. This was resolved by implementing a data-driven CTA strategy, utilizing concise, benefit-oriented copy and high-contrast visual cues to streamline the decision-making process for drivers.

Dynamic Engagement

Primary research identified a demand for high-fidelity interaction. The platform was architected with intuitive, responsive patterns, ensuring every touchpoint—from spot selection to payment—serves as a functional step toward the driver's final destination.

Hero section

Home Screen

Architected for impact, the home screen serves as a high-impact entry point to the AIBOLOT ecosystem. Strategic visual hierarchy and interactive elements establish brand authority, guiding user focus toward core values like real-time availability and seamless navigation.

Strategic Conversion

The legacy version suffered from fragmented pathways and unclear signals. This was resolved by implementing a data-driven CTA strategy, utilizing concise, benefit-oriented copy and high-contrast visual cues to streamline the decision-making process for drivers.

Dynamic Engagement

Primary research identified a demand for high-fidelity interaction. The platform was architected with intuitive, responsive patterns, ensuring every touchpoint—from spot selection to payment—serves as a functional step toward the driver's final destination.

Design validation

To measure the impact of the redesign, the interface was validated through rigorous testing with a diverse user cohort. The following methodologies were utilized to ensure performance objectives were met and to bridge the gap between complex IoT backend data and intuitive end-user needs.

Interviews

Conducted to gather user feedback, ensuring the solution addressed key pain points.

Heatmaps

Utilized to identify patterns of user interaction and optimize engagement zones.

First Click Test

Implemented to verify navigation efficiency and ensure core sections were easy to navigate.

Image of heatmap
Image of first click test

“I can now find and secure a spot in seconds, even in the busiest parts of the city.”

-Daily Driver

Impact Created

The AIBOLOT redesign successfully transformed complex IoT data into a user-centric experience, resulting in faster parking acquisition and increased user retention. By streamlining fragmented pathways and prioritizing high-fidelity engagement, the platform now delivers a measurable improvement in overall system efficiency and user satisfaction.

58%

Projected Conversion Lift

45%

Projected Support Reduction

75%

Projected Engagement Growth

Project Artifacts

The following artifacts provide insight into the strategic design process, framework, and iterative problem-solving applied throughout the AIBOLOT case study.

Strategy & Insights

Synthesizing primary research, fragmented legacy workflows were restructured into a cohesive, data-driven framework. By pairing intuitive interaction patterns with high-contrast visual cues, complex system architecture was streamlined into effortless decision-making pathways, ensuring every touchpoint delivers measurable value.

Design System Foundations

Established a design system to standardize mobility components, creating a scalable foundation that ensures visual consistency and eliminates design fragmentation.

Iterative Development

Leveraged rapid prototyping and collaborative design sprints to refine core pathways, ensuring every iteration directly optimizes conversion and user performance.

Usability Validation

Deployed a multi-phase testing framework to validate the experience, merging qualitative feedback and quantitative metrics to simplify complex mobility workflows.

Slide 1
BACK
NEXT

Create a free website with Framer, the website builder loved by startups, designers and agencies.