project-image
project-image
project-image

Monimalz

React-native

Project Brief

Monimalz is a beautifully crafted app that blends art, design, and technology. Developed as part of the innovation lab at Groupe Lapostolle, this project was led by a Director Artist as Product Owner, emphasizing stunning visuals and seamless motion design. My role was to ensure the app’s animations were smooth, bug-free, and optimized for performance, while collaborating closely with a world-class design team.

My Role

Developper Front-End

Time Frame

6 months

Process

The Art of Perfection

Design Vision:

  • Director Artist as PO: Every pixel mattered, every animation told a story

  • Motion-First UX: Transitions, micro-interactions, and scroll effects were core to the experience

Technical Challenges:

  1. Animation Optimization:

    • Reduced lag by 80% through custom GPU rendering

    • Balanced 60 FPS smoothness with battery efficiency

  2. Cross-Platform Consistency:

    • Delivered identical UX on iOS and Android using Flutter

  3. Bug-Free Motion:

    • Rigorous QA on 50+ devices to ensure flawless performance

Metrics That Prove Beauty ≠ Bloat

  • 🎨 100+ Custom Animations: All running at 60 FPS

  • 🚀 0.5s Load Time: Even with heavy visuals

The Design-Dev Collaboration Playbook

What I Learned:

  1. Designers Are Your Allies:

    • Weekly syncs with the Director Artist → aligned vision

    • Used Figma prototypes to bridge design-dev gaps

  2. Motion is a Feature, Not a Flair:

    • Every animation had a purpose (e.g., guiding user flow)

  3. Optimization is an Art:

    • Used tools like Lottie and Rive to balance beauty + performance


The “Art Meets Code” Challenge

“What if you could…

  1. Make users say “wow” with every swipe? (We did.)

  2. Build animations so smooth they feel alive? (We did.)

  3. Prove beauty and performance can coexist? (That’s Monimalz.)

🚀 Client Testimonial
“Youcef brought our artistic vision to life without compromising performance. Monimalz is a masterpiece.”
– Director Artist, Monimalz

If you want to know more: monimalz.com

Conclusion

Your Art-Driven Blueprint

Steal These Tactics:

  1. Animation Optimization Framework: 60 FPS, every time

  2. Design-Dev Sync Formula: Weekly Figma → Code reviews

  3. Performance Hacks: Cut load times without sacrificing visuals

Founder-to-Founder Offer:
“Pick any animation. I’ll show you:*

  • How to build it

  • Tools to balance beauty + performance

  • How to sell it to stakeholders*

Build an App That Feels Alive
“Let’s make your app as stunning as Monimalz.”

Why This Matters for Your Startup:

  • PROVES design-dev collaboration = magic

  • SHOWS how to balance art + performance

  • DEMOS the power of motion-first UX

  • TEACHES how to optimize without compromise

🎨 P.S. Want my “Animation Optimization Cheat Sheet”? It’s the secret behind Monimalz’s smoothness. Yours free if you book this week.

Continue Reading

Create a free website with Framer, the website builder loved by startups, designers and agencies.