HLA.net
HLA - Moving Images is a custom WordPress website built for HLA, a highly respected London-based production company. Designed to showcase the work of a select group of renowned directors, the site features a seamless and visually engaging experience. A fully custom theme was developed from scratch, integrating the Vimeo API for smooth video playback and Swiper.js for an elegant slider-based portfolio. Performance optimizations, including lazy loading, retina-ready images, and minified assets, ensure a fast and responsive user experience. The result is a refined digital platform that reflects HLA’s dedication to creativity and excellence in filmmaking.
Key Features
Custom Development & CMS
- Fully custom WordPress theme developed from scratch
- Custom post types & taxonomies for directors and their works
- Seamless content management via WordPress dashboard
Video Showcase & Playback
- Vimeo API integration for smooth video playback
- Director page with a Swiper.js-powered slider featured video slider with video thumbnails.
- Fully responsive video layout for all screen sizes
Performance & Optimization
- Lazy loading for images to enhance speed
- Retina-ready images for high-quality visuals
- HTML, CSS, and JS minification for improved performance
- Efficient caching mechanisms to reduce load times
User Experience & Design
- Elegant and minimalistic UI to reflect HLA’s brand identity
- Smooth and intuitive navigation
- Mobile-first design approach
Third-Party Integrations
- Vimeo API for video embedding and playback
- Swiper.js for interactive video sliders
Development Timeline
- Project Initiation: 2012
- Major Revisions: 3 different versions over the years
- Last Updates: 2019
Categories
BusinessResponsivePortfolioVideography
Technologies
WordpressSCSSPHPHTMLJavaScriptGulp