Wapii
Mobility app helping drivers find, reserve, and pay for parking in real time.
Making urban mobility simpler, one parking spot at a time.
Wapii connects drivers with available parking in real time, reducing stress and congestion in busy cities.
The product design focused on simplifying navigation, payment, and onboarding flows while meeting accessibility standards.
The redesign improved task completion speed, reduced cognitive load, and elevated the overall user experience across Android and iOS.
Everyday mobility slowed down by small frictions.
Problem
Bringing clarity and trust to everyday mobility.
Wapii connects drivers and parking owners through real-time reservations and digital payments. The original apps for iOS and Android had evolved separately, creating inconsistent visuals, redundant flows, and accessibility issues. The redesign aimed to unify both platforms under one consistent visual language while preserving the brand’s bold orange identity (a non-negotiable requirement from stakeholders). The result is a refined mobile experience that balances usability, performance, and brand personality through a lean UI kit of reusable components, accessible color logic, and simplified interaction patterns.
Brand color caused low-contrast accessibility failures.
Fragmented visual patterns between iOS and Android.
Overly complex booking and payment flows.
Lack of scalable components or reusable structure.
Challenge
Balancing identity, clarity, and accessibility.
The redesign was guided by three priorities: preserve Wapii’s brand identity, achieve WCAG contrast compliance, and simplify the overall interface.
Through refined typography, tonal adjustments, and structured spacing, the new design delivers a confident, modern, and legible experience that feels uniquely Wapii across both iOS and Android.
Core Principles
- Color Harmony: Orange paired with deep neutrals to maintain contrast and warmth.
- Typography: DM Sans, modern, rounded, and highly legible on mobile screens.
- Iconography: Simplified vector set aligned with motion and hierarchy.
- Accessibility: Tested for color contrast, focus states, and touch ergonomics.
UI Kit & Components
A lean component library for fast iteration.
Instead of a full design system, a lightweight UI kit was built to unify visual assets and speed up delivery.
The kit defined reusable styles, components, and states for iOS and Android, ensuring visual consistency and accessible contrast without increasing dev complexity.
Reusable buttons, inputs, cards, and navigation patterns.
Shared text and color styles for both platforms.
AI-assisted imagery for faster iteration.
Simplified component variants for speed and scalability.
Ui in action
A cleaner, faster, and more consistent experience.
The redesigned app unifies visuals and behaviors across platforms, streamlining reservations and payments while maintaining brand character.
Every screen now reflects clarity, accessibility, and functional beauty.
Outcome
Brand-first, accessible, and ready to scale.
+20% faster design to dev cycles.
Unified iOS/Android visual language.
100% WCAG AA contrast compliance.
Improved user feedback on clarity and trust.
