BIACOM - Web
BIACOM is a comprehensive solution designed for the management and marketing of real estate assets. The project focuses on delivering a smooth, conversion-oriented user experience, allowing intuitive exploration of multiple projects and lots.
Technical Challenge 🏗️🗺️📊
The main challenge was building a platform capable of handling a dynamic inventory of more than 200 lots distributed across 6 strategic projects, while guaranteeing minimal load times and smooth navigation on interactive maps.
Architectural Solution
I implemented a decoupled (Headless) architecture to completely separate business logic from the user interface:
- Frontend (Next.js): Optimized for SEO through Server-Side Rendering (SSR) and Static Site Generation (SSG). It includes an interactive map built with geolocation layers, advanced price/type filters, and an integrated mortgage calculator to improve user engagement.
- Backend (NestJS): A robust API that manages data persistence, inventory administration, and the processing of contact and quotation forms. A logical microservices structure was used to ease maintenance and scalability.
- Database: Efficient management of complex relationships between projects, stages, and lots using PostgreSQL.
Impact and Results
- Performance: Scores above 90 on Core Web Vitals, ensuring mobile users get a fast experience.
- Scalability: The system is ready to grow in the number of projects without degrading server performance.
- UX/UI: Modern, responsive design using Tailwind CSS, focused on making the end customer’s decision-making easier.
This project represents my ability to design scalable systems, handle complex data flows, and deliver digital products that combine solid engineering with an excellent user experience.