Case Study: Mondeo Studio

Portfolio

Mondeo Studio

The studio specializes in creating unique user experiences and designs, while I am responsible for turning their ideas into reality through precise, fast, and efficient front-end development.

About the client

Mondeo Studio is a highly creative and professional Israeli UI/UX design studio and a close partner of our development agency. They have consistently provided us with a steady stream of front-end development projects. Our collaboration began in November 2022, marking my entry into freelance work. Over time, this partnership has grown into a significant and rewarding relationship.

If you’re reading this, I highly recommend checking out Mondeo Studio!

Challenge

Mondeo Studio needed support with:

Website Maintenance: Regular updates and maintenance tasks for existing Webflow-based client websites, often requiring pixel-perfect implementation and complex features.
Business Website Redevelopment: A partial redevelopment of Mondeo Studio’s own website, including the homepage and other key sections, with a strong emphasis on precision and smooth animations.

Specific challenges included:

Developing a Projects Section with dynamic filtering, CMS integration, and transition animations while maintaining pixel-perfect accuracy.
Implementing scroll-based animations for the “Perfect Recipe” section, using Lottie animations tied to user interactions.

The Solution

Website Maintenance:
- Delivered ongoing support for existing Webflow websites, ensuring flawless updates and smooth integration of new features.
- Tackled complex sections, including advanced layout designs and interactive elements.
Business Website Redevelopment:
- Rebuilt redesigned sections of the Mondeo Studio website, achieving pixel-perfect accuracy.
- Developed the Projects Section, integrating CMS-driven content, custom filters, and smooth transition animations.
- Implemented the Perfect Recipe Section, synchronizing Lottie animations with scroll events for a seamless, interactive user experience.

(View the live example here: The Perfect Recipe)

Tech stack

To achieve the client’s goals, a robust and versatile tech stack was chosen:

• Webflow: Primary development platform for websites.

• Lottie Animations: Used for creating smooth, scroll-based animations.

• Custom Webflow CMS: For dynamic content management and filtering.

‍

This collaboration marked an essential milestone in my freelancing journey, allowing me to hone my skills in Webflow development and create dynamic, visually appealing websites. Although this project was completed during the early stages of my freelancing career, I’m proud of the results. Reflecting on the experience, I recognize how much I’ve grown since then and how today’s expertise would deliver even greater outcomes.

The partnership with Mondeo Studio continues to thrive, and I’m excited to keep contributing to their innovative projects.

Share your ideas.

Let's make them happen.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.