A Ukrainian studio approached us with the task of developing a portfolio website for their agency. Taking into account the provided design and ideas they wanted to implement, Webflow was chosen as the development platform due to its ability to customize advanced animations and provide easy site management.
Given that the agency specializes in video production, editing, and motion design, special attention was paid to animations. The website features running text banners, "subtitle" effects, various looping animations, and unique element appearance effects, all of which emphasize the agency's area of expertise.
A custom code solution was implemented to enable background videos to play when hovering over portfolio cards. This script ensures the video restarts from the beginning every time a user hovers over a card—something that cannot be achieved using Webflow's native functionality.
A filtering system was developed for portfolio cases to improve navigation on the portfolio page. Considering the variety of categories, the filtering functionality was implemented using custom scripts, ensuring accurate and fast content sorting.
Case pages were designed to accommodate the diversity of project formats the agency wanted to showcase. Video blocks automatically adapt their proportions based on the type of content (e.g., horizontal, vertical, or square videos). This ensures a cohesive design and a high-quality presentation of the cases, making the user experience seamless and engaging.
The development process included optimizing the site for search engines, improving load speeds, and enhancing overall performance. The site achieved high scores on PageSpeed and received positive feedback from SEO specialists.
As a result, the client received a functional, dynamic, and visually appealing portfolio website that reflects the agency's style and professionalism. The site is easy to manage, performs exceptionally well, and provides an engaging experience for users.
