HABIT3

REDESIGN

The outdated Habit3 Website lacked modern design, mobile optimization and real estate advanced features, making it falling behind competitors.

Desktop Prototype

Mobile Prototype

Moradia T3 nova, com piscina em Salir do Porto

Leiria>Caldas da Rainha>Salir do porto


venda

498 000 €

3

2

150 m2

9:41

Role & Skills:

I handled the entire redesign process, including research, ideation, visuals, and prototyping. During testing, I engaged with different sets of users to gather comprehensive insights.

THE TECH I USED:

TEAM:

Product Designer

Branding

Framer Developer

TIMELINE:

3 months

ABOUT THE PROJECT

The outdated Habit3 Website lacked modern design, mobile optimization and real estate advanced features, making it falling behind competitors.
A redesign with better visuals, improved search tools and responsiveness will enhance user experience and competitiveness in the real estate market

Key Challanges

  • Designing powerful yet simple filters

  • Showcase properties with stunning visuals

  • Reflect Portugal´s essence throughout engaging design

  • Decrease Time to Find a Property and how easy and quickly users filter to a relevant listing.

  • Protecting user data (contact forms, payments) and follow GDPR, data security compliance.

Search Property

The best options

😟

PROBLEMS

Finding the perfect home or investment can be overwhelming. With a multitude of listings on websites,platforms,marketplaces, the buyers or renters often find themselfs struggling with:

Time Consuming search process:

Searching through multiple websites and listings for relevant is inefficient and tiring.

Inadequate User Experience:

Many real estate websites are difficult to navigate, making it frustrating for users to find relevant properties quickly.

Time Consuming search process:

Many real estate websites are difficult to navigate, making it frustrating for users to find relevant properties quickly.

😍

SOLUTIONS

Finding the perfect home or investment can be overwhelming. With a multitude of listings on websites,platforms,marketplaces, the buyers or renters often find themselfs struggling with:

Advanced and personalized Search and filtering features:

By addding a more advanced search and filtering tools based on preferences like location, price range, amenities and property type, makes the search process faster and more efficient

Transparent Listings:

Detailed information on properties, including price history, neighborhood insights,potential investments returns, ensures users make informed decisions.

User Friendly design:

With an intuitive UI/UX Design, i can make browsing , searching and booking properties simple and more intuitive, ensuring a hassle-free experience for both buyers and renters.

FOUNDATIONS

Colors

Typography

Iconography

Spacing

Grid System

Main Color

#FF3C9A

Primary Green (#45A770) is a lively, medium green with a slightly cool undertone.

The color evokes a sense of balance, freshness, and reliability.

It sits between a deep forest green and a bright mint, making it both vibrant and professional conveying a sense of eco-friendliness and sustainability, appealing to buyers interested in green living and Creating a welcoming and trustworthy feel, which can encourage user engagement.

Color Tokens

:root {

/*colors */

--color-bg-light: #F5F5F5

--color-primary: #FF3C9A

--color-primary-light: #FAE7F0

--color-secundary: #9F47E0

--color-secundary-light: #FAE7F0

--color-text-title: #292D32

--color-text-text: #292D32

--color-text-info: #D38E13

--color-info-danger: #FF5A4F

--color-info-Warning: #FFD596

--color-info-Success: #32C997

}

UI Colors

Background Light

#F5F5F5

Primary Color

#45A770

Primary 50%

#45A770

Primary 20%

#45A770

Font Colors

Title Color

#0F1112

Text Color

#151A21

Categorical Colors

Disabled

#FF5A4F

Danger

#EB5757

warning

#F2C94C

Success

#43B27F

REDESIGN

EXPLAINED

Simplefied Navigation

We reorganized the main menu and dropdown sections to make browsing more intuitive and user-friendly.

Decluttered Dropdown Sections

Dropdown menus were redesigned to be less crowded, ensuring users can quickly find what they need without feeling overwhelmed.

Improved Search Experience

The property search bar was streamlined with clear filters and larger inputs, helping users refine results more efficiently.

Enhanced Visual Hierarchy

Dorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu .

Modern Card Layouts

Property listings now feature larger photos, clear pricing, and key highlights at a glance, improving scannability.

Responsive & Accessible Design

The entire platform was optimized for different screen sizes and accessibility standards, ensuring a smooth experience for all users.