Diorama - Web agency website development

Karina Slizova

I use:
Webflow, FinSweet attributes for nested lists, filters, slider+cms, Client-first style system, and Relume.
Diorama is a web agency with over 25 projects, which are highlighted through Webflow CMS.
For this website, I implemented native flow animations to create smooth transitions and enhance user experience. I also added interactive hover effects that bring the interface to life — for example, when hovering over the “Services” text, different images and GIFs appear dynamically. These animations and effects together create a more engaging and visually appealing design.
Animation On HOVER Show an image or VIDEO and hide it on hover out
Layout
Layout
Filter system with CMS
Filter system with CMS
Additionally, for the pages and services, I used the ThinSuite Attribute Solution, and all services were filtered via the CMS to ensure smooth content management and dynamic data display.
Like this project

Posted Sep 16, 2023

Webflow website for agency. FinSweet attributes for filters, slider+cms Client-first style system.

Day 2. Hey! 👋 I’m sharing a bunch of my 3D shapes( Figma Co...
Day 2. Hey! 👋 I’m sharing a bunch of my 3D shapes( Figma Co...
Hey there! 👋 We’ve all been there, that moment before the f...
Hey there! 👋 We’ve all been there, that moment before the f...
Manufacturing Website Redesign with Webflow CMS
Manufacturing Website Redesign with Webflow CMS
Water Management System Company Website Redesign
Water Management System Company Website Redesign

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc