Vectair Systems Microsites Casestudy

Vectair Systems Microsites

Responsive, Animated Microsites Integrated Into Existing WordPress Website

Project Overview

Sector Engineering & Manufacturing Location Basingstoke, Hampshire Duration 3 months Completed 1st Jun 2016

The Brief

To accompany the wide range of aircare products our client designs and manufactures they required content-rich microsites designed to promote two of their flagship products. The microsites needed to focus strongly on the features and design of the product - specifically communicating how their product stands out from rival products on the market. All content needed to be served up in an engaging way, prompting the user to explore and engage.

The Outcome

Two visually stunning microsites that fully showcase the features, design and appeal of the products. Each microsite engages the user by serving animated and interactive content as they explore. Mobile usability was of utmost importance and no compromises were made when it came to animation on hand-held devices - the same full user experience is had regardless of device.

Desktop view of the  WordPress website

Transitions and Animation

To engage the user and provide a richer browsing experience we animated a number of elements and sections on the website. This included the fading in of content as it came into view, interactive banners, animated icons and animation triggered as the user interacts.

Integration into non-responsive site

The microsites are fully responsive but the main Vectair site we developed for our client 4 years ago is not. We therefore had to develop the microsites in such a way that future integaration into a new fully responsive main site would be possible.

Ipad featuring the  website partially in view
Desktop view of the  homepage at the bottom of a stack Tablet view of the  homepage in the middle of a stack Mobile view of the  homepage at the top of a stack


Fully responsive and compatible with all modern devices, whether hand-held, desktop or anything in between. All images are high-res, optimised and fast-loading to ensure an undisrupted user experience.

Ongoing Development

Continued support is offered, where we work with our client offering suggestions and advice on how to further enhance their web presence. New features and functionality continue to be implemented as the site is developed.

Laptop in background Mobile phone in foreground with  website on-screen
Two mobile devices showing different pages of the  website Single mobile device slid alongside

Speed Optimisation

All images were heavily compressed with a focus on retaining quality. All external scripts were minified and merged, and caching was set up, again helping trim precious seconds off page load time.

Like what we've done for Vectair Systems Microsites?

Get in touch

Contact Us

We've earned a top reputation in 10 years