Web Experience Design,
Lotus BRICS
UX Design & Development of a CMS driven web portal experience for a real estate company, with backend service integrations and dynamic forms.
What we did
Project Overview
Spindigo Designs crafted the website of Lotus BRICS by designing minimalistic and modern dark themed interface, adopting dynamic CMS and visual design to enable an online platform for the company's real estate broking business.
Key Features
Project Goals
Information Architecture
The heap of information about the client's varied services and projects they dealt with, had to be organised into a more user-friendly structure that could bring out a simpler and efficient site map. This had to enable easy grouping, categorization and discovery of the listed properties.
Visual Design Language
A modern and dark themed design language was needed as per the client needs, along with keeping it minimalistic.
UX & Web Design/Development
To enable easy search, filtering and discoverability of various properties listed in the client's database, we had to tailor navigation patterns and workflows. All these had to be implemented in a way to output smooth micro-interactions, multi-page persistent variables/user preferences and simpler workflow to reach the property page and the details.
Information Organization
We spent weeks understanding the navigation flow the client wanted, worked on information flow and organization of various workflows a user could potentially take, to finally find the right property they desired, could afford and as per the customer's class of taste.
We used this flow for designing a user-centric web portal that visitors could browse through, search and filter through exhaustive property listing.
Design & Theme
Colors & UI Design
Upon multiple iterations, we finalised "copper" and "concrete" as the color scheme. Mostly being monochromatic, the client loved the colors and styles of UI elements. The entire interface was kept sharp, without rounded corners or any soft elements, indicating strong and rigid materials used in buildings. All this was integrated into a dark themed (dark gray) background and site design.
Typography
Clean, modern, readable and somewhat less rounded typography was chosen for the theme. The roundness was minimal, yet making the running text easily readable. The overall variations of the typeface we chose enabled varied outputs in styles of running text, form labels, headings, sub-headings and pre-headings.
Iconography
We crafted custom icons for site features as well as informative tables inside property pages. Keeping the visuals as only line icons, the emphasis was a holistic view of the concept of the icon and not one particular part of it. The colors also were matched with the project's theme.
Project Features
Responsive UX Design
The websites were built to be fully responsive, adapting seamlessly to different screen sizes, including desktops, laptops, tablets, and smartphones in both landscape and portrait modes. Rigorous testing ensured that every feature and page functioned perfectly across various browsers, devices, and resolutions.
Property Class Carousel
Animated carousel was built as the hero section of the home page. This showed class based categorization of properties from the company's property database. These sections provided the base to the user journey to finding the right property for their taste and affordability.
Dynamic Content with Filters
All the properties were listed in a master collection page. This page provided various filter, search and sorting functionality to the client and its customers. The multi-select filters provided grouping and search based on developers, cost, name of the property, zone, type of property and class of property.
Dynamic Forms
The forms on the website provided connected expereince to the customers in enquiring about the current property they are browsing. These forms in turn connected to back end services to store information and automate email responses to the visitors who filled the forms.
Summary
The project provided extensive understanding of how real estate broking works when it comes to a digital platform. We spent countless hours with the stakeholders and iterated over tens of variations of the design and information architecture to arrive at what the client was actually looking for. The final output was as per the client requirement and we could deliver more than what was planned in a shorter timeline due to the robust frameworks and scalable solutions we opted for.
More Web Design & Development Work
