ADP: Taub Type

Year: 2019
Agency: Havas New York
Project: Typographic Interactions

In collaboration with Chester Jenkins, Taub Type was crafted as part of a dynamic type family which serves to unify, diversify, and elevate ADP communications through motion.

Using front-end frameworks, computer vision, and Taub itself, I created interactive animations across ADP's brand.

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 to leverage the flexibility and interactive nature of it - we designed several comps 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.

ADP_VISExploration_083118_43.jpg
5e2922290ab615ec9853066f_adp_1.jpg
5e2925be6cab0602b4150e07_adp_7.jpg

Taub x Interactivity

Animating Taub as users scroll or move mouse on a given webpage. Utilized in ADP’s design microsite. Tools Used: JavaScript, HTML/CSS, P5.js, Two.js.

please mouse over this text