🛠️ This page is still currently being developed.

Website Redesign Case Study

Residential Energy Assessments, established in 2013, is a family-owned professional service specializing in Thermal Energy Rating and Consulting. Based in Queensland, Australia, REA has in-depth knowledge of local laws and energy codes. Their services include Energy Star Ratings for various residential structures, along with Energy Efficiency Assessments tailored to new builds, extensions, and renovation projects.

Key Metrics

Since redesign implementation.

+200%

Average time spent on homepage

+277%

Google traffic duration

100+

Email enquiries

Project Overview📝

Tasked with redesigning the old Residential Energy Assessments website with a more modern design, while ensuring accessibility across multiple screen sizes.

The Problem.

The owner has experienced multiple problems with the existing website; often, the website breaks when accessed on mobile devices. This has led to issues for potential clients trying to get in contact, possibly costing the owner business. It is clear that a new design is needed to help both new and existing clients navigate the website.

Project Goals🎯

Enhance User Experience (UX)

Improve Mobile Responsiveness

Increase usability

Understanding the Problem 🤔

Before diving straight into the design process, I wanted to analyze the existing website and interface. While communicating with the owner, we found that many issues arising from the mobile version of the site were related to margins and text sizes. This was critical to address while redesigning the new website.

Additionally, I also communicated that we needed an updated colour palette because the current scheme didn't meet accessibility standards (WCAG 2.1 Level AAA), which could pose problems for all users.

Existing Colour Palette

Additionally, I also communicated that we needed an updated colour palette because the current scheme didn't meet accessibility standards (WCAG 2.1 Level AAA), which could pose problems for all users.

User Problems.

The website does not adequately support users on mobile devices
Difficult-to-read interface and poor colour palette choice
No built-in form submission function
User expected to read large paragraphs of text with no images/graphics to break up page

Possible Solutions 🛠️

Develop a version of the website that supports users on mobile devices.
After discussions with the owner, it was determined that an inbuilt form submission system was necessary based on the feedback received.
Reformatting large paragraphs of text into a mix of images/graphics.
Revise colour palette for improved accessibility.

Low-Fidelity Wireframes

Below are the low-fidelity wireframes for the proposed changes to the existing website.

User Flow✍️

The user flow outlines the experience for the user: fast loading, clear navigation, and immediate access to key information enhance interest and engagement. This showcases company info, services, and unique selling points, ultimately leading to more business.