Skip to content

Case Study: Pridgen Homes Responsive Web Design UX / UI Design

Case Study: Pridgen Responsive Web Design UI Design

Responsive web design

Overview

Pridgen Homes are the premier luxury home builders in Gainesville. For over forty years, the Pridgen family has helped Gainesville families fulfill their dreams of building a custom luxury home.

Project Info

Freelance – In collaboration with Liquid Creative Studio, FL, USA

Roles

UX Designer | Visual Design

Responsibilities

Wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

Tools

Xd, Illustrator – Final Website developed with WordPress

Problem Statement

Users lack the ability to navigate easily and find the necessary information with the scattered layout, cluttered designs, and complex categories. 

The Goal

To design a simplified and an enhanced user flow, quick access to all the features and more user-friendly access to all the content and let the user be able to reach out through the website.

My Design Process

Responsive web design

Sitemap

Difficulty with website navigation was the primary pain point for users, so I used that knowledge to create a sitemap. My goal here was to achieve a strategic information architecture that improve the overall website navigation thus resulting in an enhanced and user-friendly journey. 

Responsive web design

Digital Wireframe

I ensured that the elements that made it to digital wireframes would be well-suited to address user pain points where easy navigation was a key user need to address in the designs.

Responsive web design

Low-fidelity prototype

Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was from home page to contact page, so the prototype could be used in a usability study.

Responsive web design

Usability study: Findings

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Round 1 Findings

  1. Users wanted to see more projects on home page
  2. Users would like the copy to be minimal
  3. Users would like the primary navigation and contact info at the end of each page

Round 2 Findings

  1. There was no clear display of projects category wise
  2. Users found opening a new tab at each sub menu was tedious

Interface Design

Mokcups

The first usability study revealed the frustration with the limited display onto the home page. In order to streamline this flow, I incorporated the “Featured projects” in such a way that the user gets to see more options without any limitations.

Responsive web design

The second usability study revealed the frustration with the navigation. I ensured the user gets to access the main navigation both from the header and footer of each pages by adding the main navigation to the footer along with direct contact information.

Responsive web design

High-fidelity Mockups

The final high-fidelity mockups and prototype presented seamless user flows throughout the website. It also met the users needs for easy navigation, simple flows, and minimal explicit layouts.

Responsive web design
Responsive web design
Responsive web design
Responsive web design

You can access the live website here

Get In Touch

For questions, project inquiries, collaborations, and more information, please feel free to send me a direct email

All rights reserved © 2024 Rabiya Jaffar

All rights reserved © 2024 Rabiya Jaffar