Barba.js -
Client
Personal project
Type
Branding
Website
Year
2017
Barba.js is a library that helps you create fluid and smooth transitions between website’s pages. I created a new identity and experiential website to match the potential and power of this small but mighty js library.
View projectBarba’s logo is based on the concept of input/output, represented by a rectangle and a circle, that interlace and form a custom font.
From code to motion, every single letter reveals its identity with an animation. A brightfull combination of coloured unique gradients represents the dynamic side of barba.
Every letter represents a section. Clicking a letter a user will trigger the animation that creates the page. Every transition is made animating every element of the clicked letter and takes the user around in a fun way, but also demonstrating the real power of the library.
Isometric illustrations will animate in a loop to take the user on a conceptual journey in understanding the functionality of barba.js.
Credits
Design &Interaction
Marco Grimaldi
Project idea
Luigi De Rosa
Development
Epic Agency