What is Ablo?
Ablo is a global social discovery app designed to break down language and cultural barriers, enabling people from all corners of the world to connect. With built-in automatic translation, users can seamlessly chat through text or video, regardless of their native language. Ablo also offers millions of livestream shows, where users can participate as viewers, guests, or even hosts, creating an inclusive and interactive social experience.
Launch Screen Animation
My Role at Ablo
At Ablo, my primary focus was to enhance the app’s user experience through thoughtful motion design. I collaborated closely with developers to integrate animations using React Native and Lottie, ensuring seamless performance across devices. My role involved creating precise motion samples that captured the timing, easing, and behavior of animations to maintain consistency and quality throughout the app.
The paper plane was created with Lottie
Animated properties used as a reference for the dev.
Testing new launch screen for a new collaboration
An Animated User Interface
Every interaction on Ablo was brought to life with animation, from the playful heart that appears when liking a video to the vibrant brand colors found in every corner of the interface. Even the smallest details, such as loading animations, were designed to keep users engaged and immersed in the experience. These animations weren’t just aesthetic—they played a functional role in reinforcing Ablo’s brand identity while maintaining optimal performance across devices.
Onboarding
Like Animation
Loading State
Ablo Brand Visuals
A hallmark of the Ablo experience was its signature animated illustrations. These appeared throughout the app and included Gifts—unique animated designs users could send to each other during chats or livestreams. Designing these animations posed technical challenges, as they needed to work seamlessly across multiple devices and screen resolutions. To address this, I developed animation guidelines that ensured high-quality results, regardless of the platform.
Splash page for new feature
in-app challenges
Collectable Gifts in the app
Self-Expression
Ablo empowered users to express themselves with personalized features. From animated entrance effects for Live Guide shows to customizable avatar frames and profile skins, users had countless options to stand out and make their profiles unique. These elements not only fostered creativity but also enhanced the sense of community within the app.
Avatar Frame – Heart
Entrance Effects – Space Rocket
Skin – Iridescent
Ablo Streamer Cards
Streamers on Ablo could design Streamer Cards, unique collectibles that were sold on the in-app marketplace. These cards offered streamers a creative way to connect with their audience while adding a new dimension to the app’s monetization strategy. Over time, these cards gained value as users traded and collected them, making them a sought-after feature.
Live Guides
Ablo’s live streaming ecosystem revolved around its Live Guides, who could host their own shows, participate in Live Battles to earn diamonds, and join Live Parties to collaborate with other streamers. This vibrant community aspect created a dynamic and engaging platform for both streamers and viewers.
New Concepts and Ideas
Beyond my motion design work, I collaborated with the product team to brainstorm and develop innovative features. One standout project was FacePlay, an interactive feature that allowed users to engage with dynamic face filters during live interactions. Working closely with the UI design team, I created a concept video that successfully pitched this idea, leading to its implementation in the app.
A game in the app for getting to know people
