Real Estate Website

Culmia • 2024 - 2025

Real Estate Website

Culmia • 2024 - 2025

Real Estate Website

Culmia • 2024 - 2025

Real Estate Website

Culmia • 2024 - 2025

Promociones

Culmia

Líneas de negocio

Blog

Contacto

900 929 282

Seleccione

Provincia

Seleccione

Población

Encuentre la casa que busca

Buscar

Encuentre la casa que busca

Buscar

Encuentre la casa qu...

Buscar

Video: Presentation of the Culmia project homepage. The recording begins with drone footage of green areas and residential spaces. Next, it shows the interior of a property with people interacting in the environment. Two selectors are also displayed, where the user can choose the province and municipality of the desired property.

Video: Presentation of the Culmia project homepage. The recording begins with drone footage of green areas and residential spaces. Next, it shows the interior of a property with people interacting in the environment. Two selectors are also displayed, where the user can choose the province and municipality of the desired property.

Video: Presentation of the Culmia project homepage. The recording begins with drone footage of green areas and residential spaces. Next, it shows the interior of a property with people interacting in the environment. Two selectors are also displayed, where the user can choose the province and municipality of the desired property.

Video: Presentation of the Culmia project homepage. The recording begins with drone footage of green areas and residential spaces. Next, it shows the interior of a property with people interacting in the environment. Two selectors are also displayed, where the user can choose the province and municipality of the desired property.

Overview

Culmia is one of Spain’s leading real estate developers and builders, with a strong presence in the development of residential projects aimed at different buyer profiles. The company stands out for its approach, prioritizing sustainability, technology, and quality of life. The main purpose of the website is to make property searches easier, connecting potential buyers with options that best meet their needs and lifestyles through a digital experience aligned with the brand’s strategic positioning.

Overview

Culmia is one of Spain’s leading real estate developers and builders, with a strong presence in the development of residential projects aimed at different buyer profiles. The company stands out for its approach, prioritizing sustainability, technology, and quality of life. The main purpose of the website is to make property searches easier, connecting potential buyers with options that best meet their needs and lifestyles through a digital experience aligned with the brand’s strategic positioning.

Overview

Culmia is one of Spain’s leading real estate developers and builders, with a strong presence in the development of residential projects aimed at different buyer profiles. The company stands out for its approach, prioritizing sustainability, technology, and quality of life. The main purpose of the website is to make property searches easier, connecting potential buyers with options that best meet their needs and lifestyles through a digital experience aligned with the brand’s strategic positioning.

Overview

Culmia is one of Spain’s leading real estate developers and builders, with a strong presence in the development of residential projects aimed at different buyer profiles. The company stands out for its approach, prioritizing sustainability, technology, and quality of life. The main purpose of the website is to make property searches easier, connecting potential buyers with options that best meet their needs and lifestyles through a digital experience aligned with the brand’s strategic positioning.

Objective

Redesign the brand’s digital experience, focusing on navigation, search, and property filtering to meet the needs of different user profiles. The proposal was to create a modern, accessible, and efficient interface that reflects the company’s strategic positioning in the Spanish real estate market, while also making it easier to search for properties available in various regions of the country.

Objective

Redesign the brand’s digital experience, focusing on navigation, search, and property filtering to meet the needs of different user profiles. The proposal was to create a modern, accessible, and efficient interface that reflects the company’s strategic positioning in the Spanish real estate market, while also making it easier to search for properties available in various regions of the country.

Objective

Redesign the brand’s digital experience, focusing on navigation, search, and property filtering to meet the needs of different user profiles. The proposal was to create a modern, accessible, and efficient interface that reflects the company’s strategic positioning in the Spanish real estate market, while also making it easier to search for properties available in various regions of the country.

Objective

Redesign the brand’s digital experience, focusing on navigation, search, and property filtering to meet the needs of different user profiles. The proposal was to create a modern, accessible, and efficient interface that reflects the company’s strategic positioning in the Spanish real estate market, while also making it easier to search for properties available in various regions of the country.

My role

I worked as the Product Designer for the Culmia project, responsible for developing solutions aligned with business goals.


I participated in the discovery phase, requirements gathering with stakeholders, and structuring navigation flows. The wireframes were provided by the Spanish UX team, but together with Gabriela Cadete, I conducted a critical analysis of the flows, identifying improvement points and suggesting specific adjustments to enhance usability and the user journey.


During this process, we highlighted the importance of considering different usage scenarios, such as empty states, error messages, table interactions, click behaviors, and visual feedback to user actions. These aspects were added to the project to ensure a more complete and intuitive experience, even in exception or low-interaction situations.


I was also responsible for creating the visual interface and developing a component library based on the brand’s brandbook, ensuring visual consistency and flexibility for future applications, especially in logged-in areas and customized environments for each real estate agency.

Skills

Discovery Desk Research Benchmark Product Design UX Design UI Design Prototyping

Skills

Discovery Desk Research Benchmark Product Design UX Design UI Design Prototyping

Skills

Discovery Desk Research Benchmark Product Design UX Design UI Design Prototyping

Skills

Discovery Desk Research Benchmark Product Design UX Design UI Design Prototyping

Homepage

The new Culmia website was designed to highlight the brand’s portfolio right from the first contact, using an inviting image or video that conveys its value proposition and the lifestyle offered by its developments. When interacting with the province or municipality selection fields, both the featured image and video smoothly collapse to half the screen. This transition shifts the focus to the most important navigation elements.

Homepage

The new Culmia website was designed to highlight the brand’s portfolio right from the first contact, using an inviting image or video that conveys its value proposition and the lifestyle offered by its developments. When interacting with the province or municipality selection fields, both the featured image and video smoothly collapse to half the screen. This transition shifts the focus to the most important navigation elements.

Homepage

The new Culmia website was designed to highlight the brand’s portfolio right from the first contact, using an inviting image or video that conveys its value proposition and the lifestyle offered by its developments. When interacting with the province or municipality selection fields, both the featured image and video smoothly collapse to half the screen. This transition shifts the focus to the most important navigation elements.

Homepage

The new Culmia website was designed to highlight the brand’s portfolio right from the first contact, using an inviting image or video that conveys its value proposition and the lifestyle offered by its developments. When interacting with the province or municipality selection fields, both the featured image and video smoothly collapse to half the screen. This transition shifts the focus to the most important navigation elements.

Image: Culmia homepage, highlighting the province and municipality selection fields next to an emotional image of a father lying down playing with his son. Just below, there is a section called ‘Tu vivienda de obra nueva por provincia’, displaying cards with the main cities where Culmia operates, such as Madrid, Barcelona, Málaga, and Alicante, as well as a button to access all available promotions.

Image: Culmia homepage, highlighting the province and municipality selection fields next to an emotional image of a father lying down playing with his son. Just below, there is a section called ‘Tu vivienda de obra nueva por provincia’, displaying cards with the main cities where Culmia operates, such as Madrid, Barcelona, Málaga, and Alicante, as well as a button to access all available promotions.

Image: Culmia homepage, highlighting the province and municipality selection fields next to an emotional image of a father lying down playing with his son. Just below, there is a section called ‘Tu vivienda de obra nueva por provincia’, displaying cards with the main cities where Culmia operates, such as Madrid, Barcelona, Málaga, and Alicante, as well as a button to access all available promotions.

Image: Culmia homepage, highlighting the province and municipality selection fields next to an emotional image of a father lying down playing with his son. Just below, there is a section called ‘Tu vivienda de obra nueva por provincia’, displaying cards with the main cities where Culmia operates, such as Madrid, Barcelona, Málaga, and Alicante, as well as a button to access all available promotions.

Expanded menu and search field

Expanded menu and search field

Expanded menu and search field

Expanded menu and search field

Image: Navigation bar with expanded menu showing options like ‘Promociones’ and a search field with auto-complete functionality.

Image: Navigation bar with expanded menu showing options like ‘Promociones’ and a search field with auto-complete functionality.

Image: Navigation bar with expanded menu showing options like ‘Promociones’ and a search field with auto-complete functionality.

Image: Navigation bar with expanded menu showing options like ‘Promociones’ and a search field with auto-complete functionality.

Mobile pages

Mobile pages

Mobile pages

Mobile pages

Image: Mobile homepage, property details page in mobile version, podcast section on Culmia’s blog, and modal for selecting the contact method.

Image: Mobile homepage, property details page in mobile version, podcast section on Culmia’s blog, and modal for selecting the contact method.

Image: Mobile homepage, property details page in mobile version, podcast section on Culmia’s blog, and modal for selecting the contact method.

Image: Mobile homepage, property details page in mobile version, podcast section on Culmia’s blog, and modal for selecting the contact method.

Promotions page

The promotions page was designed to make property searches more practical, adapting to each person’s preferences. By selecting the type of home, state, municipality, and desired city, the page automatically displays a list of available developments in the region, presenting information such as promotional price, number of bedrooms, and the city. Navigation includes filters and the option to view listings on a map, making it easier to explore offers. The entire experience was designed to help people find the best buying opportunities with just a few clicks.

Promotions page

The promotions page was designed to make property searches more practical, adapting to each person’s preferences. By selecting the type of home, state, municipality, and desired city, the page automatically displays a list of available developments in the region, presenting information such as promotional price, number of bedrooms, and the city. Navigation includes filters and the option to view listings on a map, making it easier to explore offers. The entire experience was designed to help people find the best buying opportunities with just a few clicks.

Promotions page

The promotions page was designed to make property searches more practical, adapting to each person’s preferences. By selecting the type of home, state, municipality, and desired city, the page automatically displays a list of available developments in the region, presenting information such as promotional price, number of bedrooms, and the city. Navigation includes filters and the option to view listings on a map, making it easier to explore offers. The entire experience was designed to help people find the best buying opportunities with just a few clicks.

Promotions page

The promotions page was designed to make property searches more practical, adapting to each person’s preferences. By selecting the type of home, state, municipality, and desired city, the page automatically displays a list of available developments in the region, presenting information such as promotional price, number of bedrooms, and the city. Navigation includes filters and the option to view listings on a map, making it easier to explore offers. The entire experience was designed to help people find the best buying opportunities with just a few clicks.

Image: Promotions page, listing available properties and filters by property type, province, municipality, and city.

Image: Promotions page, listing available properties and filters by property type, province, municipality, and city.

Image: Promotions page, listing available properties and filters by property type, province, municipality, and city.

Image: Promotions page, listing available properties and filters by property type, province, municipality, and city.

Product page

Created to offer a complete and informative experience for those seeking details about available properties. On this screen, users can check all relevant information clearly, including location, construction status, area, number of bedrooms, availability of pool, gardens, sustainability certifications, and other features. Different media were also integrated to enrich the property viewing experience: photo gallery, videos, 3D virtual tours, and interactive maps. The page structure was designed to support user decision-making, with a well-defined content hierarchy, visual resources that make it easier to compare developments, and strategic calls to action.

Product page

Created to offer a complete and informative experience for those seeking details about available properties. On this screen, users can check all relevant information clearly, including location, construction status, area, number of bedrooms, availability of pool, gardens, sustainability certifications, and other features. Different media were also integrated to enrich the property viewing experience: photo gallery, videos, 3D virtual tours, and interactive maps. The page structure was designed to support user decision-making, with a well-defined content hierarchy, visual resources that make it easier to compare developments, and strategic calls to action.

Product page

Created to offer a complete and informative experience for those seeking details about available properties. On this screen, users can check all relevant information clearly, including location, construction status, area, number of bedrooms, availability of pool, gardens, sustainability certifications, and other features. Different media were also integrated to enrich the property viewing experience: photo gallery, videos, 3D virtual tours, and interactive maps. The page structure was designed to support user decision-making, with a well-defined content hierarchy, visual resources that make it easier to compare developments, and strategic calls to action.

Product page

Created to offer a complete and informative experience for those seeking details about available properties. On this screen, users can check all relevant information clearly, including location, construction status, area, number of bedrooms, availability of pool, gardens, sustainability certifications, and other features. Different media were also integrated to enrich the property viewing experience: photo gallery, videos, 3D virtual tours, and interactive maps. The page structure was designed to support user decision-making, with a well-defined content hierarchy, visual resources that make it easier to compare developments, and strategic calls to action.

Image: Product page with property information, including location, image gallery, 3D tour, videos, construction status, price, and other details.

Image: Product page with property information, including location, image gallery, 3D tour, videos, construction status, price, and other details.

Image: Product page with property information, including location, image gallery, 3D tour, videos, construction status, price, and other details.

Image: Product page with property information, including location, image gallery, 3D tour, videos, construction status, price, and other details.

Component library

Based on Culmia’s brandbook, I developed a UI component library to ensure visual consistency across interfaces. The work involved translating brand guidelines into functional and reusable elements, such as buttons, form fields, cards, headers, modals, and typography, always considering responsiveness and accessibility. This documentation served as a foundation for creating the new website’s pages, the logged-in area, and, in the future, the platform for real estate agencies. In addition to strengthening alignment between design and development, the library became a strategic pillar for the scalability and evolution of Culmia’s digital products.

Component library

Based on Culmia’s brandbook, I developed a UI component library to ensure visual consistency across interfaces. The work involved translating brand guidelines into functional and reusable elements, such as buttons, form fields, cards, headers, modals, and typography, always considering responsiveness and accessibility. This documentation served as a foundation for creating the new website’s pages, the logged-in area, and, in the future, the platform for real estate agencies. In addition to strengthening alignment between design and development, the library became a strategic pillar for the scalability and evolution of Culmia’s digital products.

Component library

Based on Culmia’s brandbook, I developed a UI component library to ensure visual consistency across interfaces. The work involved translating brand guidelines into functional and reusable elements, such as buttons, form fields, cards, headers, modals, and typography, always considering responsiveness and accessibility. This documentation served as a foundation for creating the new website’s pages, the logged-in area, and, in the future, the platform for real estate agencies. In addition to strengthening alignment between design and development, the library became a strategic pillar for the scalability and evolution of Culmia’s digital products.

Component library

Based on Culmia’s brandbook, I developed a UI component library to ensure visual consistency across interfaces. The work involved translating brand guidelines into functional and reusable elements, such as buttons, form fields, cards, headers, modals, and typography, always considering responsiveness and accessibility. This documentation served as a foundation for creating the new website’s pages, the logged-in area, and, in the future, the platform for real estate agencies. In addition to strengthening alignment between design and development, the library became a strategic pillar for the scalability and evolution of Culmia’s digital products.

Image: Some interface elements and library tokens.

Image: Some interface elements and library tokens.

Image: Some interface elements and library tokens.

Image: Some interface elements and library tokens.

Related work

Related work

Related work

Related work

Client Area UI

Project Available Soon

Culmia’s client area UI, using the components for visual consistency.

UI Kit components for the new website of Culmia, a real estate company based in Spain.

Client Area UI

Project Available Soon

Culmia’s client area UI, using the components for visual consistency.

UI Kit components for the new website of Culmia, a real estate company based in Spain.

Client Area UI

Project Available Soon

Culmia’s client area UI, using the components for visual consistency.

UI Kit components for the new website of Culmia, a real estate company based in Spain.

Client Area UI

Project Available Soon

Culmia’s client area UI, using the components for visual consistency.

UI Kit components for the new website of Culmia, a real estate company based in Spain.

Fashion e-commerce

Stone

2024

Creation of images using Generative AI, component library, and UI design for the new e-commerce platform.

Componentes do novo e-commerce da Stone Made in Origin

Fashion e-commerce

Stone

2024

Creation of images using Generative AI, component library, and UI design for the new e-commerce platform.

Componentes do novo e-commerce da Stone Made in Origin

Fashion e-commerce

Stone

2024

Creation of images using Generative AI, component library, and UI design for the new e-commerce platform.

Componentes do novo e-commerce da Stone Made in Origin

Fashion e-commerce

Stone

2024

Creation of images using Generative AI, component library, and UI design for the new e-commerce platform.

Componentes do novo e-commerce da Stone Made in Origin

Salesperson App

Aramis

2024

Development of flows, component libraries, and Design Systems for the app interfaces.

Componentes do Design Systems para o applicativo das lojas Aramis

Salesperson App

Aramis

2024

Development of flows, component libraries, and Design Systems for the app interfaces.

Componentes do Design Systems para o applicativo das lojas Aramis

Salesperson App

Aramis

2024

Development of flows, component libraries, and Design Systems for the app interfaces.

Componentes do Design Systems para o applicativo das lojas Aramis

Salesperson App

Aramis

2024

Development of flows, component libraries, and Design Systems for the app interfaces.

Componentes do Design Systems para o applicativo das lojas Aramis

Mercado Play App

Mercado Livre

2024

Proposal for a Mercado Livre streaming service.

Componentes do aplicativo Mercado Play do Mercado Livre

Mercado Play App

Mercado Livre

2024

Proposal for a Mercado Livre streaming service.

Componentes do aplicativo Mercado Play do Mercado Livre

Mercado Play App

Mercado Livre

2024

Proposal for a Mercado Livre streaming service.

Componentes do aplicativo Mercado Play do Mercado Livre

Mercado Play App

Mercado Livre

2024

Proposal for a Mercado Livre streaming service.

Componentes do aplicativo Mercado Play do Mercado Livre