Making cloud security look splendid.
Elastica is a cloud security startup based in Silicon Valley. Part of their journey was to build a beautiful website to present their services.
Building the hype
We set out on a mission to combine Responsive Web Design, captivating animations and great performance — realising how important it is for a company like Elastica to build confidence in their visitors.
The site was partially built in Wordpress, in order to give the Elastica marketing team the control and freedom they need to work with the content.
Design & UX
This is one of many successful projects we’ve done together with UENO. The Elastica website features bold colors, long storylike pages and creative animations.
We absolutely love taking on designs with this level of creativity and ambition. It makes hard work and attention to detail so much more rewarding.
A blog was built in Wordpress which features large cover images and styled content. All text and images are completely dynamic and editable — empowering the editors to create new, beautifully designed pages.
Bringing it to life
In addition to crafting a fully responsive experience, the goal was to create an exciting story as you scroll through the pages. We built tasteful animations and transitions to enhance the content and guide visitors through the website.
Animations on the Elastica website run based on the scroll position, and they are timed to play exactly when entering the viewport (these examples are looping so you can enjoy them over and over again).
We used a mix of techniques ranging from CSS3 animations, JavaScript animations and HTML5 Canvas rendering to get the right result.
All in all, we ended up handcrafting over 20 animations, and we had a lot of fun doing it. You can find the source code for these animations and more at our Codepen page.
Technologies
Wordpress
Content management.
Advanced Custom Fields
Multible content types for WordPress.
SEO by Yoast
SEO optimization for WordPress.
responsive.io
Responsive Images.
Sass
CSS pre-processing.
Modernizr
Browser and device feature detection.
jQuery
DOM manipulation and more.
Grunt
Task Automation.
Bower
Front-end package manager.
Component Loader
Generic framework for JS components.
“14islands brought the project to life and made it better than I could have imagined. Their attention to detail sets them apart and I highly recommend teaming up with them.”
Impression
Responsive web development and beautiful design all came together to create an impressive and confident experience. This was a super fun and challenging project for us in so many ways.
Want to work with us? Get in touch