Delange Immobilier, a Parisian real estate agency, were in need of a web application, aiming to modernise their digital presence, generate leads, and support future growth. The project involved competitive benchmarking, user-centric design, and the creation of a design system for consistency and scalability.
View web application
Deliver a visually consistent and user-friendly web application based on existing branding
Ensure seamless data integration with CRM (Apimo)
Incorporate advanced property search and valuation tools
Facilitate future feature expansion and ongoing support
The primary design goal was to introduce a new, modernised, and user-friendly web solution, elevating Delange Immobilier's presence amidst well-established Parisian competitors.
By setting a new standard for quality among real estate agencies in the market, the aim was to modernise Delange Immobilier's online presence with a fresh, intuitive design. This was achieved through focused improvements in content presentation, emphasising clear chunking of data, data transparency, a strong visual hierarchy, and highly functional search and filtering capabilities.
The competitive analysis of leading real estate agencies and similar softwares were the starting point of the project, as it would enable me to identify best practices in website design, user experience, and feature offerings. Levine Immobilier, Barnes-Paris, Junot, Belles Demures, Sothebysrealty and Finn were the one's identified and assessed.
Who
Delange Immobilier, a Parisian real estate agency
What
Need a web solution. This website needed to be modern, user-friendly, and reflective of their established brand. It had to seamlessly integrate with their existing Apimo CRM and City Scan valuation tools. Crucially, the web solution needed to be easily maintained and expanded in the future.
When
The project was initiated to address the immediate need for a modern online presence and to prepare for future growth.
Where
The impact was focused on the digital space, aiming to improve online visibility, attract a larger audience in the Parisian market, and enhance the overall customer experience.
Why
To modernise their brand identity online, enhance lead generation, compete effectively in the Parisian real estate market, and ensure long-term scalability and maintainability of their web presence.
Combined Problem Statement
Delange Immobilier, a Parisian real estate agency, needed a web solution that was unique, modern, user-friendly, and reflective of their established brand. This web solution needed to seamlessly integrate with their existing Apimo CRM and City Scan valuation tools. The project was initiated to address the immediate need for a modern online presence and to prepare for future growth, with the impact focused on the digital space, aiming to improve online visibility, attract a larger audience in the Parisian market, and enhance the overall customer experience. The overall aim was to modernize their brand identity online, enhance lead generation, compete effectively in the Parisian real estate market, and ensure long-term scalability and maintainability of their web presence.
Clean, Modern Aesthetic
Adopting a clean, modern aesthetic with ample whitespace, which contrasts with some of the more cluttered designs of competitors like Belles Demeures and Sotheby's Realty.
Focus on Usability
Across all pages, there's a clear emphasis on usability and intuitive navigation, addressing the RFQ's requirement for a user-friendly website.
Consistent Design Language
The prototypes exhibit a consistent design language, suggesting a well-defined design system is in place, contributing to a cohesive brand experience.
Mobile Responsiveness
The inclusion of mobile prototypes demonstrates a commitment to creating a fully responsive experience with breakpoints defined.
Visual Clutter on Property Details
The Barnes-Paris and Sotheby's Realty sites, while visually appealing, present a large amount of information with less clear organisation. These designs effectively address this by:
Prioritising key details (price, location, property type).
Using a card-based layout to segment information.
Implementing a clear visual hierarchy with appropriate font sizes and headings.
Ineffective estimation tool design on Sell page
The site Belles Demeures has an ineffective estimation tool design that suffers from poor form design, inconsistent spacing, and oversized images/icons that make the process feel cumbersome. The Sell page designed improves this user-flow by highlighting a great user journey by solving the design/spacing issue.
De-prioritisation factor on Search Functionality
The design on the rentals/buy page fills this gap with the advanced search panel, where the aesthetic still matches the design requirements, however the core is around the de-prioritized data (amount of bedrooms, rooms, size, area, and facilities).
Overall, the solution demonstrate a strong understanding of UI/UX principles, a commitment to usability, and an ability to address the shortcomings of competitors in the Parisian real estate market. The designs for Delange Immobilier are now well-structured, visually appealing, and aligned with the client's goals as outlined in the RFQ.
Project Deliverables
A complete set of high-fidelity UI designs for the Delange Immobilier website, encompassing key pages like Home, Buy, Rent, Sell, Property Details, and Property Management.
Interactive prototypes in Figma to demonstrate user flows and functionality.
A documented design system outlining the core UI components, styles, and guidelines for future scalability and consistency.
Request for Quotation (RFQ) Document on behalf of client
Key Achievements
Developed a modern and user-friendly design solution that addresses the specific needs and goals of Delange Immobilier.
Created a visual language that aligns with the brand identity and enhances the user experience.
Addressed critical usability gaps identified in the competitive analysis, such as improving the search functionality and simplifying the property details page.
Key Learnings
The importance of CRM integration in real estate website design
This project underscored the critical role that a seamless CRM integration plays in ensuring data accuracy and efficiency. Understanding how to connect design decisions with backend systems is crucial for creating effective solutions.
Balancing aesthetics with functionality
The competitive analysis revealed that many real estate websites prioritize aesthetics over usability. This project taught me the importance of striking a balance between visual appeal and a user-friendly experience.
The value of competitive benchmarking
Conducting thorough competitive research is essential for identifying industry best practices and uncovering opportunities for differentiation. The insights gained from this process significantly informed the design decisions.
The power of a design system for scalability and consistency
Creating a design system not only ensured visual consistency across the website but also streamlined the design process and prepared the client for future growth and expansion.
Understanding client needs and adapting to constraints
Working within the constraints of the client's budget and timeline required a flexible approach. Learning to prioritize features and make strategic design decisions was a valuable experience.
Learning a new industry quickly
Despite having no prior experience in the real estate sector, I was able to quickly grasp the industry's unique challenges and user needs through research and communication with the client. This experience highlighted my adaptability and ability to learn new concepts effectively.
The value of the Request for Quotation (RFQ) process
Being involved in this project, especially in helping the client prepare a detailed RFQ for development services, was a valuable learning experience. This was my first exposure to the RFQ process, and I now understand its importance in clearly defining project scope, requirements, and budget expectations, setting the stage for a successful client-vendor partnership.