Sergio Cabral

— PROJECT NAME

PSA/BDP


— ROLE

Web Developer


— DATE

2021

2023


— URL

psabdp.com

The PSA/BDP website (originally BDP International) is one of the most animation packed websites I’ve had the pleasure of working on.


I worked on the original site creating components like the Home Hero and the Industry Slider (using SwiperJS). When my team mate and I noticed the number and complexity of the animations I suggested I take care of all of them to make sure we didn't re-invent the wheel. At the end I was able to consolidate and reuse most of the animations.


This website was developed using HTML5, CSS/SaSS, CSS and JS Animations, JavaScript, and ApostropheCMS.

Homepage

Industry Sector Slider

Event Hero

Event Hero – Mobile

People Category & People – Mobile

Stat block

Footer

Footer Mobile

Home Hero

Full Width Image Basic Hero

Location Index Filters

Navigation Dropdown

Mobile Navigation Opened

Call Out

Industry Sector Slider - Mobile

People Category & People

Recent Articles & Upcoming Events

Recent Articles & Upcoming Events – Mobile

Stat block – Mobile