Interactions that build relationships

Huru

Huru —

Life-like product presentation

Huru is a premium quality backpack suitable for everyday use standing for nullifying the limitations.
When Oleg Vlasenko, the founder of Huru, came to our office with a backpack in his hands 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.

Development
Motion
Web Design
View website

Product presentation on steroids

The backpack has so many unique features: pockets, sections, transforming parts, various high-performance materials and important details. A live presentation of it takes about 30 minutes. Also, the product in real life looks so much better than on photos.
We needed to come up with a way to present Huru to people.

Make it real

Our objective was to create an online experience, that would be as close to real life as possible. We kept the interface minimalistic, black and white to express the brand idea and philosophy. And used various geometrical animated symbols to convey the flexibility and adaptability of the backpack.

 

360º product view

In order to make the online experience as informative as possible, we organized a photo and video shooting to create a 360º sequence and a series of macro-photos. Thus, we showcased the shape, various materials, the pockets and sections.

Perfectionist heaven

Most of the process itself was doing and redoing everything to get to perfection.

Totally fun and amazing was producing the imagery for (and simultaneously testing of) the pack’s cool features. This included (but was not limited to) soaking our designers and the pack to check the waterproofness and dug through our wardrobes to find the exact right things to pack the bug with.

Key metrics: More sales

In order to make the online experience as informative as possible, we organized a photo and video shooting to create a 360º sequence and a series of macro-photos. Thus, we showcased the shape, various materials, the pockets and sections.

Tech Stack: SVG animation

The animation of the shapes on the frontpage has been realized with After Effects and then rendered into SVG through the Bodymovin plug-in using JSON files. This technique creates better control while making it possible to provide one single JSON file containing all the information needed for the proper functioning of the animation (which is perfectly controllable through javascript and the Bodymovin.js framework). This technique also enhances compatibility through devices and the lightness of exported files.

Beakid The 8760

Have an idea?
Let’s explore it.