For whom
this product is

Elastic.io’s products help businesses to spend less time on gathering data together across the entire organization, and instead, have enough time and resources to focus on using this data to improve business operations or to develop new products and services.

When developing the landing page, we were keeping in mind the needs of two types of visitors: IT professionals looking for tools to optimize their work, and less tech- savvy entrepreneurs in search of digital strategy initiatives for their business.

Implementation of the motion effects

Upon completion of the design, Onix was further entrusted with integrating it with elastic.io website. The landing page required dynamics and non-standard approach in front- end development, and we pride ourselves on the successful realization of virtually all of the designed features.

The development, like the design, was divided into tasks based on the number of elastic.io’s benefits featured on the landing page.

We launched with the most challenging part - the hybrid integration platform animation. It did take longer than the other parts and required more revisions than anything else. In the process, we even had to give up one of the designer’s ideas for usability reasons, but instead ensured a neat parallax effect and smooth animation at scrolling at all desktops, in all browsers.

Result

result-laptop

Technology stack

tech-stack-1tech-stack-2

For the implementation, Onix developers were using ScrollMagic library, LESS CSS and jquery.