RICARDO ALVES EFFICIENT DESIGN WORKFLOW // ©EFX PRO MEDIA 2008-2018
X

GET IN TOUCH

We are using cookies to provide you the best experice using our site. By continuing to use the site without changing settings, you are agreeing to our use of cookies.

- EFX PRO MEDIA
McLaren Murdoch & Hamilton
WebDesign GraphicDesign

Project Overview

The Client

McLaren Murdoch and Hamilton provide a full range of architectural services in Edinburgh and Perth, offering full and highly qualified services.

 

Elaborative Process

The McLaren Murdoch and Hamilton project was elaborated for our client who wanted a website to allow his listings to be displayed and be controlled using a management system that could be used within his company and authorised employees to list and describe the projects they are currently working and projects they could feature in the website, an elaborative process took place to allow the user to have full control over how the listings get displayed and how they display on the website.

 

What's New? 

In this particular project, we created a special structure using Business Catalyst Web Apps to allow our client to create their projects and display the relevant content in various and specific site areas such as the site main slider, new content section and a gallery of featured projects.

A new site structure to site rendering has been introduced in this particular project that has drastically proven to be 30% more efficient in load and rendering time.

We know SEO inside out so we also made some new enhancements to this project to show nicely on search results throughout the search engines.

 

Functionality / Extras

- CMS Projects listing using Web App submission.

- CMS Menu and page content.

- New performance enhancements to content delivery targeted to mobile specific.

 

Challenges

The home layout was tricky to get it to respond in every device, I had to introduce some javascript to get the layouts to respond correctly after a device changes its orientation or upon page refresh.

One thing I wanted to introduce in this project was a faster image rendering, at the time of development I found that images were far too large to render in great quality and time especially over 3G using mobile devices, this would impact drastically on SEO and user experience. To Solve this problem I used server render methods to optimise the render images at one resolution for mobiles and with some javascript I rendered the view of images on the scroll event, this allowed this site to score a 70 on performance heavily loaded with images.

 

Overall Site Audit

Performance 70

SEO 100