top of page
AdobeStock_534603045.jpeg
AdobeStock_534603045_edited.jpg

WEB RE-DESIGN:
REAL ESTATE

Arrow.png
AdobeStock_534603045_edited.jpg
20548064_6317757.jpg
AdobeStock_534603045_edited.jpg
AdobeStock_534603045_edited.jpg

Project Overview

AdobeStock_534603045_edited.jpg
PostIt.png

Project Objectives

1. Conduct research on design inspirations for real estate websites.

2. Design minimal, responsive and accessible 

web prototypes.

GreyPostit.png

Project Type

UX/UI Design

GreyPostit.png

Tools Used

Figma - Prototype Design

 

globalcollective.com

- Design Inspiration

PostIt.png

Project Timeline

2 months

  • I collaborated with a Website Developer, Justin Bento (you can view his work here), to re-design a really old Real Estate website called Agent Webb. This project belonged to an agency in the US.

  • The client had asked for a modern, minimal & sleek design for the new website, considering the old one had a lot of information and a very 90s design theme. While creating the prototype, I also had to keep some parts of the design simple, keeping in mind the development, time and budget limitations. The final website looks a bit different from the prototype, as the Developer took some liberties to add his own design ideas, but overall the client was satisfied with the work!    

AdobeStock_534603045_edited.jpg

Phase 1: Design Research

I started the project by first evaluating the existing website design. The website had an old-school look and was very cluttered with A LOT of information.

AdobeStock_534603045_edited.jpg

DESIGN INSPIRATIONS

During some research, I came across some cool websites within the same business that I selected as my inspirations.

AdobeStock_534603045_edited.jpg

Phase 2: Define

AdobeStock_534603045_edited.jpg

PROBLEM STATEMENT

"Agent Webb's outdated and cluttered design makes property & buying and selling process browsing difficult, discouraging user engagement. A redesign is required to streamline navigation, modernize the interface, and present information clearly to enhance the overall user experience."

Website Design

Minimal

Easy to navigate

Accessible

Show relevant information

Site Colors

Black

White

Site Typography

Simple

Easy to ready fonts

User Needs & Contact Info

Contact information should be clear for agents/clients to reach out.

AdobeStock_534603045_edited.jpg

Phase 3: Ideate

INFORMATION ARCHITECTURE & UI KIT