Figma Design & Webflow Development

MNML

Figma to Webflow
GSAP Animations
Loading Animation
Smooth Scroll
Custom Cursor
Magnetic Menu
Complex Interactions
Micro-Animations
On-page SEO
CMS Slider

The brief

We were tasked with creating a digital representation of MNML that embodied their minimalist brand identity, being simple, straight to the point, yet super effective.

MNML approached us with a vision for their website that reflects the agency's "minimal" brand philosophy. They sought a design that was sleek, streamlined, and stripped back to the essentials, yet still compelling and engaging. Their ask was for us to translate this minimalist design into a fully functional website on Webflow, maintaining fidelity to their design ethos. The brief included not just the accurate construction of the site, but also the integration of buttery smooth animations and interactions to enhance the user experience.

Features

Custom Cursor

We built a subtle custom cursor that switches when you hover over specific elements such as videos and CTAs, adding to the buttery-smooth vibe of the site.

Menu Interaction

The navigation is said to be the heart of a site, and so we built a simple purely Webflow-powered menu interaction, including a magnetic menu button that you can actually feel.

Hero Hover Animation

We built an animation that shows work examples when you hover on a respective service, reducing the clutter of having a separate services section.

CMS Slider

Dynamic content embedded within a slider and rather than having boring old buttons, we made the navigation work by hovering on the vertical axis of the slider, providing a joyful user experience.

Our Solution

We incorporated minimal elements, a limited colour palette, abundant white space, and meticulously designed animations and interactions to echo their ethos of simplicity and effectiveness.

In response to MNML's brief, we provided a solution that aligned perfectly with their minimalist brand identity. Every part of the site was designed with the user experience in mind. The animations and interactions weren't just smooth - they were carefully crafted to add to the site's appeal without detracting from its minimalist aesthetic. These enhancements served to reinforce MNML's brand identity and elevate the user experience. Lastly, we ensured an accurate translation from Figma to Webflow. Our focus was on capturing every detail of the initial design in the live site, maintaining a strong adherence to MNML's minimalist brand philosophy throughout the process. The final product is a digital representation of MNML that is not only visually pleasing but also efficient and intuitive to navigate.

video testimonial

Watch us chat with the client about this project.

We take a deep dive into your website to sniff out growth opportunities for your business. You'll receive several improvement recommendations and practical tips on what you can do to reach your goals. 100% free-of-charge and no commitments.