ainsley.dev Elite Roofing Mockup

Elite Roofing Services is a family run business that undertakes all aspects of domestic and industrial roofing from changing a single tile to a full re-roof. They pride themselves on providing the best quality workmanship at competitive prices.

01*

Brief



As Elite Roofing were attracting their clientele through checkatrade.com they needed a website to boost enquiries and showcase their excellent reviews and services. A landing page was to be created highlighting their extensive experience in the industry with an easy way for potential customers to get in touch.

Man fixing roof with hammer
02*

Design



As there were no existing brand guidelines for Elite Roofing, a modern and striking colour palette was curated in conjunction with a simple, yet, clean font. The electric red against the dark background helped to highlight important content. A 3D roof model was created in Spline , which brought the minimalist page to life and captured the attention of potential clientele.

Elite Roofing Website on a Laptop
03*

Develop



A custom CMS was used as a content management system, allowing Elite Roofing to change content on their new site. Image sequencing was implemented in mobile, tablet and desktop viewports which allowed for the 3D roof model to construct itself when the user scrolled down the page. This added a tremendous amount of depth and quality to the landing page. Touches of animation using AOS and custom scroll sequences were added to bring the page to life and add a sense of movement to the new website.

ainsley.dev Thinkopedia Mockup
Thinkopedia

Next project