Innovo Website

Cross Agency Development Wordpress

Innovo Website Project Overview

Innovo Eng’s existing website needed a complete technical overhaul to integrate modern functionality and enhance interactivity. As part of a cross-agency collaboration, our role was to take the static designs provided by another agency and translate them into a dynamic, high-performance digital platform. The goal was to implement advanced interactive features, maintain optimal site speed, and create a backend that would be easy to manage and update.

We focused heavily on the development of custom functionality using AlpineJS to bring the designs to life with smooth image reveals and engaging interactive components. One of the project’s standout features is a custom-built hotspot image plugin, which enables the client to define clickable areas on images directly within WordPress. This plugin was designed for flexibility, allowing Innovo Eng to easily update and manage these dynamic image features. Additionally, we prioritised performance by optimising scripts, images, and animations, ensuring a responsive and seamless experience across all devices.

Key Features
  • Custom Hotspot Image Builder: Created a plugin for interactive hotspots, making image elements dynamic and easy to manage from the backend.
  • Advanced Image Reveals: Implemented AlpineJS-based image reveals and content animations for a polished, interactive feel.
  • Backend Flexibility: Structured the backend to allow effortless updates to interactive components without requiring coding knowledge.
  • Performance Optimization: Applied advanced techniques to minimise load times and deliver smooth, responsive interactions.