Terlato 1
Terlato 1
Terlato 1

Terlato

Tour of Terlato

  • Client brief: Develop a responsive microsite with a smooth, animated carousel component showcasing the wines of Terlato.
  • Project date: August 2024
Built with: JavaScript · Adobe PhotoShop · HTML5 · CSS
  • Created a custom bottle carousel using JavaScript and CSS transitions with fade-in/fade-out effects.
  • Implemented automatic slide cycling with timed intervals and pause-on-hover functionality.
  • Built manual navigation controls (next/prev arrows and clickable indicators) with accessible focus states.
  • Ensured all carousel content was mobile-first and optimized for touch interaction and swipe support.
  • Included lazy loading logic to improve performance.