Kiehl's

Face capture

Application built as Phase 2 of Kiehl’s in Space project

Face capture Interactive application
Client
Kiehl's
Role
Senior Front-End Engineer
Company
Night Agency
Period
Play

Overview

Kiehl’s Face Capture is a web application built as part of Phase 2 of the ‘Kiehl’s in space’ project that included a contest. The winners of the contest win a 3D astronaut figurine of themselves that will be sent to space and later re-collected and sent back to them.

The Face Capture app was gated with logins provided to the winners of the contest. The application guides through steps the winners to capture their faces from each angle, so this images could be sent to be processed and 3D printed on the astronaut actions figures.

Along the front end development I helped with the UX design of the product, due the missing UX designer on the project, I supported Junior Designers providing them UX guidance.

Tech

Techs & Libs: Webcamjs, Speech Synthesis API, HTML, SASS, JS OOP, jQuery Tools: PhraseApp Environment: Gulpjs, Composer PHP, RoxPHP

Accessing code screen

FaceCap_step01.jpg

Email confirmation screen

FaceCap_step02.jpg

Instructions screen 1/2

FaceCap_step03.jpg

Instructions screen 2/2

FaceCap_step04.jpg

Face Capturing screen

FaceCap_step05.jpg