Surfacide Website

A medtech website emphasiging the cleaning/sterlization the product offers with UV technology. Higly custom scroll triggered content, and unique interactive components.
WordPress GSAP PHP JavaScriipt Bootstrap Splide-slider

Project Overview

Site build using Wordpress, custom blocks, JavaScript and Splied for custom image slide interaction.

Key Features

  • Custom Image Entrance: Images slowly entering page on load
  • Scroll Content Sync: Headlines and general copy loads when entering the screen
  • Preload Image: Custom full screen image on page load
  • FAQ Accordion: Bootstrap accordion for show/hide of each FAQ
  • GSAP Custom Sections: Load unique overlay sections on scroll
  • Card Structure: Custom cards for testimonial and features with icon, headline and copy

Technical Implementation

  • Custom WordPress theme development
  • Highly customized CSS for unique page layouts
  • TranslatePress used for Spanish translation
  • Leveraged Splide slider library with customized off-center layout.
  • Performance optimization for fast loading times

Project Gallery

Dynamic product home page with delayed product entrance

Dynamic product home page with delayed product entrance

Uniquely shaped background video with rings to stress the technology

Uniquely shaped background video with rings to stress the technology

Custom slider layout with video, images and designed off-center layout

Custom slider layout with video, images and designed off-center layout

Project Details

Technologies:

WordPress GSAP PHP JavaScriipt Bootstrap Splide-slider
Start Similar Project View All Work