Civilian Engineers Company Website Visual Redesign

Overview

I redesigned the CivilAir Engineers website to address usability and accessibility issues while enhancing overall performance. Using Google Lighthouse, I assessed the site’s SEO, best practices, and accessibility, uncovering areas for improvement. I then planned my design to boost these metrics, creating a more user-friendly and efficient experience.

My Role

Lead designer

Visual designer

User research

Content Mangement

Platforms

iOS

Android

Web

Year

2024

Problems

The CivilAir Engineers website suffers from significant usability and accessibility issues, as revealed through manual testing and Google Lighthouse audits. These assessments highlighted critical areas needing improvement, including poor navigation, low accessibility scores, and suboptimal SEO, which hinder user experience and site performance.

Opportunity

Redesigning the CivilAir Engineers website can address key usability, accessibility, and performance issues identified through testing.

Goals

Improve Accessibility: Ensure the website meets WCAG 2.1 standards.

  • Measure: Achieve a Google Lighthouse accessibility score of 90+ and conduct user testing with diverse audiences.

Enhance Usability: Create intuitive navigation and streamline user interactions.

  • Measure: Increase task completion rates and reduce time-on-task in usability tests.

Boost Performance: Optimize loading times and mobile responsiveness.

  • Measure: Achieve a Google Lighthouse performance score of 90+ and monitor reduced bounce rates.

Strengthen SEO: Improve visibility and search rankings.

  • Measure: Achieve a Google Lighthouse SEO score of 90+ and track organic traffic growth.

Our goal is to improve the CivilAir Engineers website’s accessibility, usability, performance, and SEO, measured by higher Lighthouse scores and user engagement.

Redesign

With these goals in mind, I began redesigning the website to address the identified issues and enhance overall user experience. The five major changes made were their color palette, navigation, portfolio layout, adding alternative text tags to images, and adding multiple points for contact.

Results

Civilair Engineers' website redesign achieved Google Lighthouse scores over 90 in accessibility, performance, SEO, and best practices. Navigation improvements streamlined access to the project portfolio and contact features, enhancing user experience.