Joguman Studio: Crafting an Interactive Storyworld with Lottie Animation

Summary & Key ROI

Joguman Studio, a storytelling-driven creative company in Korea, rebranded their website with motion at its core. Through implementing Lottie animations, Joguman was able to make their character world feel more alive and immersive.

• Lightweight and scalable Lottie animations replaced static visuals without performance trade-offs

• Faster design-to-dev workflow with instant previews and seamless After Effects to Lottie export

• Stronger brand immersion where fans and partners praised the new site’s storytelling approach

• Earned industry visibility, such as by being featured in Carrot’s popular creative newsletter in June 2025

• Improved collaboration efficiency across design and development teams, reducing communication overhead and speeding up delivery

Building a Living World Through Storytelling

Joguman Studio is a storytelling driven creative company best known for its original character , “Joguman.” More than just a character, Joguman represents a whole world of stories that the studio has been building with imagination and care.

When the team began rebranding their website, they wanted to go beyond presenting static information. They envisioned a digital space where their stories would feel alive, playful, and immersive; a place where visitors could step directly into the Joguman universe.

For the team, motion was the perfect answer. Small movements could make the screen feel more dimensional, transforming information into living scenes that carried the story forward. They did not want people to read Joguman’s story as a long passage of text. They wanted audiences to experience it naturally, through animated moments that spark curiosity and draw them deeper into the brand’s world.

The Challenge: Bringing Motion to Life Without Complexity

As the redesign took shape, Joguman Studio realized they needed their site to respond dynamically to users. Characters, props, and even background details had to move in playful ways, but the animations also needed to be lightweight, scalable, and easy for developers to manage. Traditional formats such as GIFs or videos could not deliver that level of responsiveness without compromising performance.

This led the team to Lottie animations. With its ability to turn vector-based animations into interactive and code friendly assets, Lottie animations gave Joguman Studio the tools to weave motion deeply into their digital storytelling without adding technical barriers.

An Interactive Virtual Space: Welcome to Joguman’s Room

Joguman’s new website was built to feel like stepping into Joguman’s own room, a playful virtual space where visitors can explore, interact, and connect. Each piece of furniture, character, or object in the room is more than decoration; it reacts to the user. Clicking on different items triggers Lottie animations, from changing the theme of the page to revealing hidden characters, unlocking downloads, or even guiding users into a mini game for added fun.

This is where Lottie’s interactive capabilities shine brightest. Animations are not passive. They respond in real time. A simple click or hover transforms into a moment of engagement, making visitors feel as though they are truly interacting with Joguman inside his world. The site becomes more than a showcase. It feels like a living environment where design, storytelling, and interactivity merge seamlessly.

Behind the scenes, the team relied on LottieFiles for After Effects and LottieFiles for Figma to build this interactive experience. Designers could animate directly in After Effects, preview results instantly with LottieFiles, and export clean JSON files ready for development.

Developers, in turn, could easily control these Lottie animations in the codebase, adjusting triggers and timings to match the user experience. Because everything remained vector-based, each Lottie animation stayed sharp and lightweight across devices.

This streamlined approach allowed the design and development teams to collaborate more closely, iterate quickly, and focus on crafting the right interactive feel.

The Outcome: A More “Joguman” Experience

The redesigned Joguman Studio website was never about driving clicks or chasing conversion metrics. The goal was to create a space that felt unmistakably “Joguman.” In that respect, the results surpassed expectations.

Fans and partners shared overwhelmingly positive feedback, praising how the site felt immersive, playful, and alive. Visitors described the site as more than a portfolio. It felt like entering Joguman’s world. The redesign even earned attention in Korea’s creative community, with a feature in Carrot’s newsletter in June 2025, spotlighting the brand’s inventive use of interactive motion.

For Joguman Studio, these responses confirmed that embracing interactivity was the right decision. By turning their site into a responsive stage for their characters and stories, they made the brand more tangible and memorable.

Lessons Learned: Better Collaboration Sparks Creative Minds

Looking back, the team reflected that Lottie animations not only improved the visitor experience but also reshaped how they worked internally. With instant previews, scalable assets, and responsive controls, designers and developers could communicate more directly and experiment with ideas more freely.

What might once have been long feedback loops became real-time testing where creative sparks turned into live interactions much faster.

**Also, check out the honorable mention of Joguman’s website design on Awwwards.com here.