A Webflow-ready design:
crafting an interactive design compatible with seamless development for Oleria

A Webflow-ready design: crafting an interactive design compatible with seamless development for Oleria

A Webflow-ready design:
crafting an interactive design compatible with seamless development for Oleria

About the project

A pioneering security and cybersecurity industry solution

For security company providing adaptive access solutions for businesses. Backed by industry leaders like Salesforce Ventures and Tapestry VC, Oleria, a zero-trust access management platform aimed for a website that would effectively communicate about the product, be consistent with it, and attract potential clients. This case study will walk you through our work on Oleria's website, covering everything from design and Webflow development to a complete website makeover.


Product UX discovery, UI/UX design, Website design, Website development, Animations, Illustrations.

Tech stack


Merge's journey with Oleria involved several key phases, aside from creating the Oleria platform itself, which we'll discuss in a future case study. It all started with designing website components and then moved on to developing the entire website using Webflow. As the project progressed, our focus shifted to revitalizing the entire website.

Walking through the process


We conducted extensive research on Oleria's target audience and industry trends.


Drawing inspiration from the colors of nature, we aimed to create a non-traditional, emotionally engaging design in the cybersecurity realm. Unique design solutions included complex animations and illustrations.

Webflow development

Merge's development team closely collaborated with designers to implement these complex animations and gradients within the Webflow framework. The intricate animations added an extra layer of sophistication to the website, challenging the boundaries of what was achievable within the platform.


We followed best practices for accessibility, conducted contrast checks, and optimized site speed to enhance the user experience, especially considering the high volume of animations.





Developing sophisticated animations for a dynamic experience

We added intricate animations to Oleria's website to make it more engaging. Our design and development teams worked together to craft smooth transitions, eye-catching hover effects, and seamless entrance animations.

These animations not only made the site visually appealing but also ensured it remained fast and user-friendly. Our development team ensured that complex animations, gradients, and other sophisticated design components were not just visual spectacles but fully functional features.

Delivering measurable value

Hitting performance tests

Confirming the website's exceptional performance across all metrics.

Higher conversion rates

Illustrating enhanced user engagement and effectiveness in achieving business objectives.

More website visitors

Highlighting improved user trust and interest in Oleria's offerings.

In conclusion

The success of the Oleria website redesign and makeover was quantified through performance tests, which demonstrated improved site speed, and conversion rate data, highlighting the increase in user engagement. Additionally, the number of registrations for meetups with founders experienced a significant boost.

These results show how the design and development efforts have strengthened Oleria's online presence, while also building stronger connections with clients and partners.

Meet the team


Volodymyr Myronets — Project Lead Designer Alena Shalimova — UI/UX Designer Marina Artemenko, Ihor Averin — Web Designers Veronika Dziubenko, Alena Matienko — Graphic Designers Khrystyna Mytsak, Iryna Bocharova — Motion Designers


Anastasiia Ulianovska — UX Writer


Oleksandr Ratushnyi — Development Lead Kyrylo Terentiev — Delivery Manager Oleh Chynchyk, Yana Pidhaevska — Webflow Developers Dariia Kirdohlo — QA Engineer

Need assistance with product design or development?

Let's get in touch
Estimate light