UX polished New York properties Sale/Rent web app

Request

Our employer, Undivided, approached us with a request to develop a web application for their project, New Build Club. The application was to serve as a comprehensive real estate catalog in New York City, exclusively accessible to club members. Through this app, users would gain early access to exclusive properties for both purchase and rent.

The desired features included:

• A map displaying available properties
• A grid view showing all necessary information such as a gallery, address, number of bedrooms and bathrooms, price, square footage
• The ability to search properties by location, property type, price, size, and other criteria such as availability of elevators, washing machines, doormen, gyms, etc.
• Detailed property page with high-quality photos, key information like price and property details, nearby amenities (schools, restaurants, shops, attractions, clubs), transportation options, and broker contact information (email, phone, full name, title, ID).
• Submit inquiries to the broker.
• For feedback and sharing, users should be able to share properties via SMS, email, copy the link, or add to favorites.
• The application needed to be fully mobile-responsive
• Supporting registration, password recovery, and a mortgage calculator with inquiry submission.
• The project’s database was to be connected via the REBNY service API.

Solution

The first step in the development process was to design the UX. We outlined all the requested features from the employer and created a technical prototype using the UntitledUI library.

After the prototype was approved by the employer, we moved on to UI design. The company already had a corporate style, so our task was to adapt it to the web application—making it clean, user-friendly, and unique. The interface predominantly used black and white with yellow accents, keeping the focus on property photos and key details for a comfortable browsing experience.

Once the screens were prepared in Figma, we proceeded with frontend development. Simultaneously, we prepared the database and core backend functions. Once the database was ready, we integrated the REBNY API into the app, enabling seamless data transfer for real estate listings. This allowed us to display and filter property information based on user queries, both on the map and in the catalog grid.

For the map functionality, we chose to use MapBox API, which offered flexible customization and all the features required for the app. Additionally, MapBox provided data on nearby amenities and public transportation for each property.

Technology

• UX/UI Design: Figma  
• Prototyping: UntitledUI Library  
• Frontend: HTML, CSS, JavaScript  
• Backend: Yii2 (PHP, MySQL)

‍