DEV Community

Louis Chen
Louis Chen

Posted on

Crafting a "Purrfect" Productivity Tool: When Aesthetics Meet Technical Trade-offs (and Cats!)

Building PurrrrrFocus: Leveraging TransMov for unique animations, managing app size, and finding a niche in the crowded Pomodoro space.

Screenshots of PurrrrrFocus pomodoro timer

The Challenge of "Focus Tools": Beyond the Generic Timer

As a developer, I've spent countless hours trying to find the "perfect" productivity tool. Many Pomodoro timers prioritize function over form, leading to generic UIs that feel more like a chore than a companion. My goal with PurrrrrFocus was different: to create a macOS Pomodoro timer that was not only effective but genuinely delightful. I wanted a tool that invited focus, rather than demanding it.

But how do you stand out in a sea of identical timers? For me, the answer lay in a blend of aesthetic design, unique animation, and a deep appreciation for cultural nuances.

The "Guochao" Aesthetic: A Niche in the Crowd

In a market saturated with cute cats and minimalist timers, I decided to lean into an Eastern/Guochao (国潮) aesthetic for PurrrrrFocus. This style, blending traditional Chinese art with modern design, offers a fresh visual language rarely seen in productivity apps.

It was a bold choice, but the early feedback has been fascinating. We've seen a surprising number of downloads from unexpected regions, including over 20 users in Turkey. This suggests that a distinct cultural aesthetic, even in a global market, can resonate deeply and create a unique appeal that transcends language barriers. It's a testament to the power of design as a universal language.

When TransMov Meets Animation: A Practical Dilemma

One of the core features that brings PurrrrrFocus to life is its unique cat animations. But here's where my own tools, and some interesting trade-offs, came into play.

As the creator of TransMov—a professional video-to-animated-image converter for macOS—it was a natural choice to use it for generating PurrrrrFocus's animations. For independent developers like myself, who may not have dedicated designers with expertise in complex tools like Lottie, Rive, or After Effects, TransMov offers a powerful workflow:

  1. AI-Generated Video: Leverage AI tools to create short, unique video clips of cats (e.g., a cat slowly blinking, stretching).

  2. TransMov Processing: Use TransMov to convert these videos into optimized APNG or WebP sequences, with transparent backgrounds (thanks to its AI smart cutout feature). This allows for dynamic, high-quality animations without the steep learning curve of traditional animation software.

However, this approach comes with a significant technical bottleneck: app bundle size.

The Elephant in the Room: A 300+MB App!

While TransMov democratized our animation pipeline, relying on pre-rendered video sequences directly translated into a larger app package. PurrrrrFocus currently clocks in at over 300MB.

This is a considerable size for a seemingly simple productivity app. On dev.to, I know this will spark conversations! The trade-off was clear:

  • Pro: High-quality, unique, custom animations without needing specialized animation design skills. The ability to iterate quickly.
  • Con: A larger initial download.

This forced me to reflect on what truly matters to users of a macOS app: is a unique, charming aesthetic worth the larger footprint, especially when all processing is done offline and privacy is paramount? For PurrrrrFocus, my bet is on the charm and the distinct experience. It's a decision that highlights the constant tension between performance, aesthetics, and development efficiency for solo founders.

Beyond the Animations: The "Offline-First" Philosophy

Consistent with my other tools, PurrrrrFocus is also built on an "Offline-First" foundation. This isn't just a technical choice; it's a philosophical one. In an era of constant notifications and cloud reliance, a truly focused work session often requires disconnection.

  • No data uploads.
  • No cloud sync.
  • Your focus remains uninterrupted.

The cat animations run entirely locally, providing a comforting presence without ever calling home.

What's Next for PurrrrrFocus?

The journey of PurrrrrFocus is a continuous balance between art and engineering. I'm constantly exploring ways to optimize the app size without compromising the aesthetic quality. Perhaps more efficient animation codecs, or a modular approach to animation assets.

Building PurrrrrFocus has been a deep dive into how an app's personality, technical choices, and a developer's own suite of tools can converge to create something truly unique. It’s a reminder that even in the most crowded categories, there’s always room for a project driven by passion and a distinct point of view.


I’m Louis, an indie developer building iOS/macOS apps with a focus on offline-first principles, privacy, and unique aesthetics. Check out PurrrrrFocus and my other tools at louisbuilds.me.

Top comments (0)