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

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.

Services

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

Tech stack

Webflow.

Navigating Oleria website design and development process

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.

Research

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

Design

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.

Accessibility

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.

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.

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.