Summary
Clearer communication through motion-driven user experience (UX): GCOO integrated Lottie animations into its towing zone guidance UI to visually alert users and reduce confusion around restricted parking areas.
Streamlined cross-functional collaboration: By using LottieFiles' preview and asset management features, designers, planners, and developers aligned quickly, reducing feedback loops from hours to minutes.
Improved asset reusability and speed of implementation: With centralized animation libraries, teams could easily locate, share, and apply animations across different screens, boosting consistency and development speed.
Key Outcomes & ROI
32.5% drop in towing incidents after introducing Lottie-powered user interface (UI) animations
35% reduction in towing-related complaints
7% point increase in confirmation actions on “I Understand” buttons
Significant workflow acceleration, with LottieFiles’ preview and collaboration tools
Higher asset reuse and consistency, enabled by centralized Lottie libraries and visual version tracking
Enabling Smarter Urban Mobility with Gbike
Gbike is a leading personal mobility company in Asia, operating its flagship service GCOO across 140 cities in five countries, including South Korea, Thailand, the United States, Vietnam, and Ghana.
With a strong focus on short-distance travel, GCOO targets users in their teens to forties who rely on electric scooters and e-bikes for commuting, school, and seamless connections to public transportation.
Over the past five years, Gbike has surpassed 200 million rides and 4.8 million users—earning the top spot in market share, revenue, and MAU across the industry.
Built on a fully integrated platform developed in-house from hardware to operational systems, Gbike is expanding its services to include battery swapping and mobility rentals. With a vision of creating personal mobility that even a grandfather and granddaughter can ride together, the company is committed to delivering a safe and convenient transportation experience for everyone.
The Challenge: Making Regulatory Information Clear and Actionable
While shared micro-mobility offers unmatched convenience for short urban trips, unauthorized parking can quickly lead to government-issued towing penalties. As scooter usage skyrocketed, municipalities across South Korea began designating towing zones with little standardization and many users were unaware of the risks until it was too late.
In just three years, towing incidents in Korea alone rose by over 260%. The existing in-app warnings—relying on plain text and static maps—weren’t enough to capture user attention or promote responsible parking behavior.
As a result, user complaints increased, and operational efficiency took a hit. Gbike realized it needed to rethink how this information was delivered. To reduce friction and encourage the right behavior at the right moment, the team decided to redesign Gbike’s towing zone interface with a motion-lead UX approach.
The Solution: A Design That Informs, Guides and Changes Behavior
The core challenge wasn’t just about showing users what they needed to know, but also on how to help them understand and act in real time. Gbike restructured the towing UI around one simple principle: design should eliminate confusion and drive action.
With the help of Lottie’s lightweight, fast-rendering format, it ensured consistent playback across devices. More importantly, it enabled real-time interaction tied to the user’s location, making it possible to deliver the right message precisely when and where it was needed.
The newly animated interface used moving icons and visual alerts to draw attention instantly. Instead of reading through dense warning text, users could now recognize towing risks at a glance—and adjust their behavior accordingly. This simple change in UI with motion drove fascinating results of:
7% increase in “I understand” confirmation clicks
35% reduction in towing-related user complaints (VOC)
Even with a 40% increase in ridership, towing incidents fell by 32.5%
Through this transformation, Gbike proved that Lottie isn’t just a visual enhancement. It's a powerful UX tool that can influence user behavior in meaningful ways.
Beyond Animation: Transforming Workflow Through Better Collaboration
The GCOO team quickly realized that the true value of animation wasn’t just in how it looked—but in how it was managed and shared. With LottieFiles, designers, developers, and planners could align faster through real-time previews and centralized asset management. This not only sped up feedback and handoff but also boosted reusability across projects.
Smarter and Safer Experiences
Gbike’s towing zone UI redesign shows how well executed motion design can reshape user behavior and optimize operations.
With Lottie, animation isn’t just visual. it’s functional, scalable, and deeply embedded in the user journey.
It grabs attention, reinforces key information, and most importantly, guides action without needing extra explanation.
“There were messages we couldn’t clearly convey with just text.But with one short animation, we were able to eliminate misunderstanding. Lottie proved that good design isn’t just about aesthetics—it’s a tool that drives user action.” — Son Hyunju (Lilly), Designer at Gbike
Today, Gbike continues to bring this philosophy to life—using Lottie-powered motion to deliver safer, smarter mobility experiences to users across more cities and platforms.
