<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmw-01.jpg"></div><!-- .swiper-slide --><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmw-02.jpg"></div><!-- .swiper-slide --><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmw-03.jpg"></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmwTablet-01.jpg"></div><!-- .swiper-slide --><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmwTablet-02.jpg"></div><!-- .swiper-slide --><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmwTablet-03.jpg"></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmwsm-1.jpg"></div><!-- .swiper-slide --><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmwsm-2.jpg"></div><!-- .swiper-slide --><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmwsm-3.jpg"></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmw-01.jpg"></div><!-- .swiper-slide --><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmw-02.jpg"></div><!-- .swiper-slide --><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmw-03.jpg"></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmw-01-1000x563.jpg"></div><!-- .swiper-slide --><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmw-02-1000x563.jpg"></div><!-- .swiper-slide --><div class="swiper-slide"><img src="https://tomrobison.com/wp-content/uploads/bmw-03-1000x563.jpg"></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
Autoplay
BMW of Southern California
Web Advertising
BMW of Southern California
Web Advertising
Personal contribution
Motion graphics and animation.
Project features
- Feather-light files (<40k).
- Smooth animations used vector filters to create warped ripples, fades and blurs.
Project description
No one likes banner ads but that’s a how companies advertise on the web. Web ads should look good and load quickly without delaying the desired content of the page. These did.