Huru – Bachoo — Architecting the digital. Interfaces. Websites.

Interactions that build relationships [https://bachoodesign.com/] Projects log Services and solutions Ping us 2019 Zippia Product Design Web Platform Twosigmas — from 2012 Web Platform Airfox — from 2017 Mobile App Product Design Research Judolaunch Web Design Web Platform Cavio Development Bindtuning Development Web Design Ninja Reminder Web Design 2018 Huru Development Motion Web Design The 8760 Development Motion Web Design Family.net Mobile App Product Design Web Design WIO Wireless Development Motion Web Design Article — Should you hire a designer for your startup? Medium Article — Junior designers, senior designers and my illiterate grandma Medium Article — Switching from Sketch to Figma Medium GoExplore Illustration Web Platform Orchestra Web Platform Swissborg Web Design Myers, the home buyers Development Web Design Jets Americas Web Platform Minotau.ro Web Platform Keywords Connect Web Design Web Platform Gatex Development Web Design BlockMason Link Branding Development Web Design Bitmedia.io Branding Pirya Branding WhitepaperZ Branding Web Design Zen Market Branding OrderX Illustration Mobile App Motion AnywellMag Development Web Design Buglab Motion Web Design Web Platform Way of life Illustration Web Design U-Scooters Mobile App Product Design Byzantium Development Web Design Article — Designing one of the world’s top startups Medium 2017 Saker Web Design Tiki Mobile App Ayuda.dr Mobile App Tweezers Web Design SmartDorm Mobile App OpenBudget Web Platform Litslink Illustration Motion Web Design LightSeekers Web Design Kickstagram Web Platform Paytomat Web Design Gullin.io Development Web Design Fashwell Development Web Design Posy Web Design Capitalium Web Platform BuyildCannon Web Design Bill me Branding Beauty Pass Development Web Design Bankera Web Platform Blues Port Fest Branding Wish: Family Space Branding Reach Out Mobile App Motion Product Design Ambrosus Development Motion Web Design 2016 Vikingheim Illustration Web Design Voin Crossfit Branding Medirect Mobile App Klue Branding Mobile App Web Design GACCCA Web Design 007 Web Platform E-data Web Platform MedTravel Web Design Day Care App Mobile App VeePee Mobile App Motion Hotspot Shield Illustration Build a Team Web Platform Tsesna Product Design Research Web Platform 2015 Glober Mobile App Legendboats Mobile App Web Design TribeAround Mobile App Web Design Grovvup Mobile App Web Design TrainMeDo Branding Sanahunt Web Design Kibzy Mobile App Eatme Web Design CVOne Web Design CompleteCase Web Platform ChefExchange Web Platform 3d Print Web Design Raker Branding Mobile App List of projects from the past 5 years Close Projects log Services and solutions Ping us Huru — real life-like online product presentation Browse case Website of the day Site of the day 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 Visit site https://huru.rocks/ 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 Next project Send us a note contact@bachoodesign.com Follow us facebook behance dribbble medium instagram twitter