Services
Banner image of Vivobarefoot Product Launch by LORDEYS
All Works

Vivobarefoot Product Launch

Web App

Visit Website
Retail Sports Digital Products & Apps Web App
Japan
Private Limited Company

Based in Japan, Vivobarefoot is a shoe brand that designs and manufactures minimalistic shoes centered around comfort. The company approached us to develop an interactive web experience for promotion of its radical scan-to-print circular bare-foot-wear system, Vivobiome.

With the core of the promotion landing page built, we had to use our understanding of React and Nextjs to integrate the video and timings into the build. For the motion we used un-real engine and Houdini to create the graphics visuals, this tied in well with the main theme of 3D printed shoes.

Working with animations always places great challenges on perfecting the timing of transitions. Along with the requirement for content interactions to have just enough time to be read.

Whenever animation is involved, greater code optimization is involved. The more the effects the longer visitors need to wait for scenes. Our work was to make sure the page loaded fast enough not to get abandoned.

We had to make sure animation and content were perfectly in sync while at the same time dealing with any content changes from the Vivobarefoot marketing team.

With the core of the promotion landing page built, we had to use our understanding of React and Nextjs to integrate the video and timings into the build. For the motion we used un-real engine and Houdini to create the graphics visuals, this tied in well with the main theme of 3D printed shoes.

Last but most importantly, we developed a dedicated form to help visitors sign-up for product interest. The marketing and sales team required the form to integrate with the newsletter.

Graphics Designer
Motion Graphics Editor
Full Stack Developer
Project Manager

Project Highlights

Project work image for Vivobarefoot Product Launch : Mobile Interactive

Mobile Interactive

Mobile version for activations at product showcase events.

Project work image for Vivobarefoot Product Launch : Desktop Interactive Experience

Desktop Interactive Experience

A desktop interactive experience was developed for HD monitors.

Project work image for Vivobarefoot Product Launch : Text Editable

Text Editable

We left room for Vivobarefoot marketing team to make a few text edits.

Project work image for Vivobarefoot Product Launch : Lead Conversion Form

Lead Conversion Form

Submit form allows visitors to order or get updates through the newsletter.

Related Works