Webflow website development for Maestro&Co
Studio Rodrigo is a strategy & design studio based in New York and after a few successful collaborations as their Webflow development partner, Studio Rodrigo team trusted us to build their new website.
Traditional portfolio websites can be challenging to maintain and they lack adaptability for each project. Updates and adjustments are often time-consuming, and the static nature limits content flexibility.
They needed a system that allowed them to create new case study pages without the limitations and restrictions of a CMS template page.
Because no project is the same, each case study page can have a different structure as well. That's were our modular approach shines!
Take a look below how easy it is for their team to create new case study pages.
What we did
Webflow development
Custom code
Marketing Web System
Marketing Web System
Watch how a Marketing Web System, our modular approach, helped Studio Rodrigo team create custom case study pages in just a few minutes.
The library's dozens of modules can be easily accessed from an internal page, making it convenient for them to drag and drop modules into a new page. The modular library empowers Studio Rodrigo team to create compelling pages quickly and effortlessly, enhancing productivity and delivering high-quality results.
Vimeo videos integration
We integrated a number of videos hosted on Vimeo with custom code. The client wanted videos to be controlled by user scroll, to make sure videos only started playing when they were visible in the viewport so we wrote custom JavaScript to accomplish this request.
In the homepage, we also used JavaScript to autoplay, add an play/pause button, and mute/unmute functionalities.
Header and Footer Animations
Another request from the Studio Rodrigo team was to create a dynamic element in the homepage header that could show their dynamic brand.
To accomplish such request, we had to develop something custom in JavaScript and used functional programming techniques in order to effect a more granular control over the animation timeline.
The footer animation uses all the functions created for the header animation, except that the changes are triggered by user mouse movements.
Project outcome
By bringing Studio Rodrigo’s website concept to life while implementing a proper style guide and Marketing Web System, we were able to empower Studio Rodrigo’s team to update their website more efficiently. From small changes to creating new pages in just a few minutes!
Next project
