Butter

Butter is a premier commercial production company based in Dublin, Ireland. Known for producing high-end TV commercials and branded content, Butter needed a website that showcases its directors, videos, and production capabilities in a seamless, elegant, and engaging way. The site was developed using core WordPress, Advanced Custom Fields (ACF), and enhanced with JavaScript/jQuery to enable advanced video sequencing and autoplay functionality.

• The client required video sequences to play automatically in a visually appealing manner without compromising performance.
• Needed an interactive and dynamic layout for director profiles that included animations, motion effects, and embedded videos.
• Required full flexibility in content management without compromising design integrity.
• Ensure high-quality visuals (both images and video) load efficiently and responsively across all screen sizes.
• Needed a scalable solution built on core WordPress that supports custom animations and media without a heavy plugin footprint.

• Developed a custom WordPress theme integrated with ACF to manage:
  • Director Listings with videos, bios, and animations.
  • Video Galleries that autoplay in sequence.
  • Production Services and Studio offerings.
• Implemented JavaScript/jQuery to handle:
  • Video autoplay sequencing logic.
  • Smooth animations and transitions across sections.
• Used lazy loading and responsive media techniques to optimize loading speeds for high-res images and video backgrounds.
• Structured the backend to allow non-technical users to:
  • Add/update director videos and content.
  • Customize sequencing behavior without coding.
• Focused on a clean, cinematic design using dark backgrounds, elegant typography, and large video thumbnails to maintain a premium look and feel.

• Delivered a striking, high-performance website that truly reflects Butter’s position as a top-tier production house.
• Users experience seamless autoplay video functionality, enhancing engagement and time on site.
• Director listings feel dynamic and interactive, increasing visibility and showcasing creative capabilities.
• The site performs well across desktop, tablet, and mobile, ensuring accessibility to clients, agencies, and collaborators worldwide.
• Internal teams can easily update and maintain content using the customized ACF backend.

• WordPress + ACF can power high-end, animation-rich media websites with great flexibility and performance.
• For video-heavy creative sites, JavaScript/jQuery custom logic offers fine-grained control over autoplay, transitions, and interactivity.
• Keeping the backend simple yet flexible allows non-technical content teams to manage a media-rich frontend with ease.
• When working with production companies, visual storytelling, clean UX, and motion design are essential to communicate brand value.
• Custom development, when done right, can outperform generic plugin-based solutions in both performance and user experience.

• Frontend: HTML, CSS, jQuery,  Javascript
• Database: MySQL
• Backend: WordPress, ACF