Introduction
Baileys Living is an innovative new home builder focused on design and service. Their model streamlines home building while allowing custom configuration. The online option provides real-time design updates, so users can customize their architect-designed home remotely. Our team understood the requirements and implemented website features for the online package, color, and property selection with final price estimates. This enables users to comfortably design their perfect home from home.
Key Features
Qualified creatives with the design-chops to make your luminous dreams come true.
Custom Package Builder
Admin can be able to handle all the packages from the backend with predefined prices. Admin can assign different plans and a number of facilities with each package.
React Layout
Develop a custom planner layout, where users can view the new layout of the house immediately by selecting the options available on the website with the use of react action and event listener events.
Payment Gateway
Created a custom module for collecting online payments with the use of the Stripe SDK library where the client can select the specific package and plan they want and then can pay online.
Home Collection
Develop a module for users where users can be able to select the package and plan they want and at the end will save it for the latter to use to make a payment. Users can be able to download the saved plan as well as can create multiple collections.
Google Map
We have customized the Google Maps and integrated to find and select the land where you are looking to build your house. After selecting the location the land information will be automatically fetched.
Finance Calculator
Developed a financial calculator where users can input the loan amount and can get the results with the interest rate they need to pay based upon the deposit and the number of years for the payments.
Business Challenges
Initially, understanding the intricacies of the real estate and home building business, including packages and tools, was complex for our team. The client provided their various package plans and requirements, posing challenges in mapping out the website flow and features.
- Users needed a streamlined UI to select packages and options quickly and smoothly.
- The admin required easy management and the addition of customizable packages.
- Online payment functionality was necessary for users.
- Payment options, whether immediate or later, need to be provided.
- Manual input of land data had to be avoided.
Solutions
After multiple client meetings to clarify requirements, our R&D team resolved each challenge:
- A React JS module was developed for the property package builder, providing a fast and smooth UI.
- A custom admin module was created to add and manage package details and layout plans.
- Stripe payment gateway integration was implemented via their SDK.
- A user module allows saving selections for direct purchase from saved packages later.
- Google Maps API integration enabled land selection and auto-population of land data.
Close collaboration with the client gave us clarity on their goals. Our team overcame each obstacle to deliver a tailored solution addressing all needs.
Project in Figures
5
Months Duration
450
Estimated Man-hours
2
Team Size
Applied Technologies
More Screens
LOOKING FOR A DESIGN AND DEVELOPMENT PARTNER?