ADP: Taub Type

Year: 2019
Typographic Interactions
Agency: Havas New York

This client project for ADP was developed in collaboration with Chester Jenkins, featuring the creation of Taub Type—a dynamic type family designed to unify, diversify, and elevate ADP’s communications through motion.

Leveraging front-end frameworks, computer vision, and the Taub typeface itself, I developed interactive animations that brought ADP’s brand to life across digital platforms.

 
Untitled-1.gif

Taub x Body Movement

Dancing with Taub! Users move their body in playful ways to interact with Taub Type. Tools Used: PoseNet (open-source tool estimating human pose on the web), JavaScript, HTML/CSS.

 
 

Taub x CSS Design

Using Taub’s interpolated range of values - we designed several compositions used for ADP brand videos, images, and website. Tools Used: Drawbot (open-source tool generating two-dimensional graphics), JavaScript, HTML/CSS, P5.js, Two.js.

 
 

Taub x Interactivity

Animating Taub as users scroll or move mouse on a given webpage. Tools Used: JavaScript, HTML/CSS, P5.js, Two.js.

Please mouse over this text