Interactions that build relationships

2019

Zippia

  • Product Design
  • Web Platform

Cavio

  • Development

Bindtuning

  • Development
  • Web Design

Ninja Reminder

  • Web Design

2018

Huru award award award

  • Development
  • Motion
  • Web Design

Orchestra

  • Web Platform

Jets Americas

  • Web Platform

Minotau.ro

  • Web Platform

Keywords Connect

  • Web Design
  • Web Platform

2017

Ayuda.dr

  • Mobile App

Tweezers

  • Web Design

SmartDorm

  • Mobile App

LightSeekers

  • Web Design

Paytomat

  • Web Design

Gullin.io

  • Development
  • Web Design

Posy

  • Web Design

BuyildCannon

  • Web Design

Bill me

  • Branding

Beauty Pass

  • Development
  • Web Design

Bankera

  • Web Platform

2016

Voin Crossfit

  • Branding

Klue

  • Branding
  • Mobile App
  • Web Design

GACCCA

  • Web Design

007

  • Web Platform

E-data

  • Web Platform

MedTravel

  • Web Design

Day Care App

  • Mobile App

Build a Team

  • Web Platform

Tsesna award

  • Product Design
  • Research
  • Web Platform

2015

CVOne

  • Web Design

CompleteCase

  • Web Platform

3d Print

  • Web Design
List of projects from the past 5 years

Huru — real life-like online product presentation

Browse case
  • award
    Website of the day
  • award
    Site of the day
  • award
    The very best of digital design

Huru — real life-like online product presentation

Huru brand concept stands for nullifying limitations — it’s a premium quality backpack suitable for everyday use.

When Oleg Vlasenko, the 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.

Services

Development Motion Web Design

Sector

E-Commerce Fashion
Challenges

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 an alternative way to present the product.

Vision

Make it real

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

The twist

360º product view

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

Process

Perfectionist heaven

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

What was totally fun and amazing is 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; dug through our wardrobes to find the exact right things to pack the bug with.

Key metrics

More sales

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.

tech stack

SVG animation

The animation of the shapes on frontpage has been realized with After Effects and then rendered into SVG through the Bodymovin plug-in using JSON files. This technique creates several advantages such as better control over the animations 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.

Frontend Frameworks
  • Zurb Foundation
  • jQuery
  • GSAP
  • Bodymovin
  • ScrollMagic
Backend Technologies
  • WordPress
  • WooCommerce
Server Architecture
  • Server Architecture
  • PHP