BRENT CARLIN
FRONT END ENGINEER
I have 13 years of experience working with cross-functional teams to create websites and digital experiences for local and global brands.
WORK
Covergirl: Supersizer
WEBSITE
Working with art directors, I created an engaging landing page experience for a Covergirl campaign. The main UX challenge was using a different scroll direction without disrupting the user experience. I developed a solution that kept normal user scroll interactions the same, while creating a side scrolling parallax experience. This site was cross browser compatible with IE 8 and early mobile IOS and Android phones.
ROLE
Sole Developer
TECH / FEATURE STACK
html, css, javascript, cross browser, ie8, animation, parallax
Porsche: Expedition Cayenne
WEBSITE
This website was part of a campaign for the Porsche Cayenne in Latin America to help promote its versatility as not only a luxury car, but a sporty off-roading SUV. I worked with art directors to help craft animations that showed off the Cayenne’s progress traversing the length of South America and the car features that made it possible. A major challenge for this website was updating the content of the site in almost real time, as soon as the drivers were able to upload images and videos from remote regions of their journey.
ROLE
Sole Developer
TECH / FEATURE STACK
html, css, javascript, sass, svg animations
Captains For Clean Water: Our Fight
WEBSITE
The goal of the Captains for Clean Water Our Fight page was to tell the story of their cause and the origin of their non-profit. I worked with the client and our art directors to make sure the animations helped support the story. An architectural problem I had to overcome was making sure the animations fit within a site builder template on mobile and desktop. This required making the Our Fight animations its own plugin and making sure the tempo was correct.
ROLE
Sole Developer
TECH / FEATURE STACK
html, css, javascript, sass, svg animations, wordpress
Porsche: LATAM Dealer Landing Pages
WEBSITE
We were tasked with creating campaign pages for 16 markets across LATAM. During this process, I worked closely with the Porshe CRM manager to integrate their CRM into the after sales pages for each market. The scale of the project and integration within a rigid website CMS proved to be the two biggest challenges of creating and maintaining these pages. I was able to overcome these challenges by creating a library of version-controlled templates separate from the Porshe CMS.
ROLE
Sole Developer
TECH / FEATURE STACK
html, javascript, css, lead collection, crm integration, after sales
Mercury: Repower
HTML BANNERS
These banners were extremely fun to create. I used javascript and gsap to add subtle animations that helped highlight the Mercury Engines. The main challenge of these banners was keeping the same animation timing across all the different sizes.
ROLE
Sole Developer
TECH / FEATURE STACK
html, javascript, gsap, svg animations
Santa Margherita: Uncork Extraordinary
HTML BANNERS
The challenge with these banners was matching up the animation with the main imagery for the campaign. I was able to simulate bubbles that behaved in a realistic manner using a pseudo random number generator in javascript and animations using gsap.
ROLE
Sole Developer
TECH / FEATURE STACK
html, javascript, gsap
University of Miami Graduate Business School
WEBSITE
The goal of this project was to capture qualified leads using 14 different landing pages targeting various graduate programs. My role was to develop the backend for the landing pages and the collection of qualified leads in a central database. I also was responsible for creating a data export for the University of Miami Sales team that they could integrate into their CRM platform.
ROLE
Lead Developer
TECH / FEATURE STACK
html, php, javascript, css, lead collection, data exports, crm integration
Porsche: Instagram AR Filter
AR FILTER
This AR filter was created to get more social engagement for Porsche in the Jamaican market. I developed it using Meta Spark for deployment on instagram.
ROLE
Sole Developer
TECH / FEATURE STACK
meta spark studio, ar, filter
Virgin Voyages: Launch Campaign
HTML BANNERS
The main focus of these banners was to introduce the Virgin Voyages ship before it launched. This led to a technical challenge of using a flip book effect with the animation, while keeping the size small enough to still be usable on ad networks.
ROLE
Sole Developer
TECH / FEATURE STACK
html, javascript, gsap