Juan David Andrade

About

I'm a Front End Architect with more than 10 years of experience in web and mobile development. Team Lead with experience managing small and medium-sized teams (+20). Multi-skilled Developer with knowledge and implementation of coding standards, Web performance and optimization, Front End workflows and tooling, Functional Programming, OOP, Unit Testing and design patterns.

I've done work on multiple projects with brands like Apple, Telus, Rolling Stone, Disney, HBO, Toyota, Autodesk, Sears and more.

I have worked with companies and startups as Element AI, Autodesk, torre, also worked in multiple digital agencies as Huge Inc., Zemoga and co-developed products as Flow Kana.

Projects

Telus Design System

View project
Telus Design System

The TELUS Design System (TDS) is a set of living guidelines that communicates Telus brand promise through digital experiences. I was in charge of the initial Technical Architecture and Front End Development.

  • Front End Architecture
  • React
  • Javascript
  • css

In the Belly of the Beast

View project
In the Belly of the Beast

The Rolling Stone feature article 'In the Belly of the Beast' is an adaptive experience across all devices. It was developed using modern HTML5 features as Video API, Audio API, CSS3 Transitions. I was in charge of the Technical Architecture and Front End Development of some components.

  • Front End Architecture
  • HTML5
  • Video
  • Responsive Web Design
  • Javascript
  • css3

The Alternative Fuel Debate

The Alternative Fuel Debate

The alternative fuel debate is a real-time component that shows tweets written by scientists, policy makers and experts in the Fuel industry. I developed the interactions of the circles, using a physics engine (box2D) to handle the collisions between each category and display and smooth and interactive experience.

  • Flash
  • Actionscript
  • Box2D

Virtual Agent

View project
Gerber Virtual Agent

The Virtual Agent is an interactive experience to help customers to select and build insurance quotes through a customized form. It was developed creating custom components (dropdowns, input fields) and using CSS3 Transitions, a Video Player built from scratch and some other cool components.

  • Javascript
  • HTML5
  • Responsive Web Design
  • css3
  • Google Analytics

Indutecnicas de Colombia

View project

A workshop that offers metalmechanic and industrial services in Bogotá. It is being developed as an adaptive experience to be supported in all devices, using javascript and RWD techniques (fluid layout, adaptive images and media queries).

  • HTML5
  • Javascript
  • CSS3
  • Responsive Web Design

Nissan Van Visualizer

View project

Front End Architecture and Development of a Vehicle configurator using HTML5 Canvas to have a rich and interactive experience. The configurator supports drag and drop of accessories, undo, redo, restart, 4 different cameras to bring a fully customizable experience.

  • HTML5
  • Canvas
  • Javascript
  • CSS3