You Deserve Freedom
Huru brand concept stands for nullifying limitations — it's a premium quality backpack suitable for tourism and everyday use.
When Oleg Vlasenko (Founder of Huru) came to our office with the backpack and started presenting his product, we were amazed. He went on about lots of details and features, and about the production and how they sew it and the materials. About its previous versions and plans for the future. He was so passionate about it. The objective of the website became clear for us. If we managed to showcase the product at least half as good as he did, that would be a success. So we started exploring all the numerous features and tiny details of the backpack, imagining how we can communicate them to the customer.
We had seen photos of the product before, but actual product felt and looked much better than on those photos.
We organized additional photo and video shooting to show cloth and details in macro.
In fact, Huru backpack has so many features, that it seemed too much to have all of them on one page. Thus, we came to the decision to show core features on the Home page and explore all the details on the Product page.
We used graphics and animations to add up to the story, to give allusions to the ways the backpack can be used: boat, sea, mountains and dynamic city life.
Because, after all, pictures won’t share the feeling of comfortable and unique exploitation as bright as motion does.
We give an overview of the product, mention the main features: water resistance, transformability, compartments for everything. We combined short videos and photos to give this information certain emotional tint.
The page ends with a 360 degree view of the product to give the user a profound understanding of how it looks and feels.
With a product card on the top, here we itemized information about exploitation, size, materials, features and complements.
Furthermore user can get a glimpse at other people's styles.
On this page customers or potential partners get to know the origin of the brand and meet the team members. Such personal touch allows to attract people who share the same values and appreciate the story behind the product.
Blog contains short articles about exploration, freedom as a lifestyle, it's a powerful tool to spread Huru's philosophy.
Website is well adapted to all screen sizes and devices. The mobile version maintains full functionality and does not limit the user experience.
While developing animations we kept in mind associative approach to disclose the product features. The idea behind the animations was to compliment the style of the backpack and the idea behind the brand. Initially we designed the motion in After Effects, and subsequently used Bodymoving and Lottie libraries to create animated svg’s.
We were also responsible for some photo and video production for the website and future marketing campaigns. Even with a limited budget we intended to create something that would make everyone fall in love with the product the way we did. We put a lot of effort in creating this content.
We had a lot fun and joy in working with Huru, we were on the same page from the very beginning, which turned out to be very collaborative. We shared the same vision and put our hearts in the project.
After we launched the website on the very first month it had more than 42 thousand unique visitors and website traffic increased more than 5000%. We received multiple feedback and were able to exceed the expected marketing goals.
We used WordPress and WooCommerce for back-end management. Frontend is based on Zurb Foundation framework.
Slides transitions were done with Greensock Animation Platform, which gave full control over the animations and created smooth transitions.
Frontend Frameworks and Libraries: Zurb Foundation, jQuery, GSAP, bodymovin, ScrollMagic
Backend Technologies: WordPress, WooCommerce
Server Architecture: Apache, PHP