Alohub
Plataforma web inmobiliaria · líder técnico de un equipo de siete · 2021 a 2023
Un creador de sitios web para inmobiliarias: cada cliente recibía un sitio público, un panel de administración con un cotizador, un visor de inventario y un CRM de ventas. Yo era el desarrollador frontend senior y líder técnico del equipo que lo construyó.
- El problema
- Un solo equipo tenía que construir un sitio distinto para cada inmobiliaria.
- Lo que hice
- Lideré un equipo de siete y construí un único motor de edición para todas las secciones.
- El resultado
- Las inmobiliarias configuraban y gestionaban sus propios sitios web sin programadores.
Cada inmobiliaria quería un sitio distinto, y un solo equipo tenía que construirlos todos
Cada inmobiliaria necesitaba su propia marca, secciones y diseño. Construir y mantener un sitio distinto para cada cliente habría ocupado todo el tiempo del equipo. Necesitábamos un producto configurable que sirviera tanto para una galería de fotos como para una tabla de planes de pago.
Lideré el equipo y construí el frontend
Era el desarrollador frontend senior y líder técnico de un equipo de siete. Escribía el frontend y decidía la arquitectura junto al equipo de backend. La plataforma tenía dos mitades: una app Next.js que renderiza en el servidor el sitio público de cada cliente, y Alohub, el administrador donde el cliente construye ese sitio, cotiza una unidad y sigue su inventario, sus ventas y sus prospectos.
Un motor de edición sirve para todas las secciones.
Alohub es donde una inmobiliaria configura su propio sitio público, y cada tipo de sección necesitaba poder editarse. En vez de un panel a medida por sección, construí un motor genérico: unos quince controles reutilizables, un mapa declarativo que dice qué control edita qué campo, y una función que recorre la estructura del contenido hasta encontrar el campo. Agregar un tipo de sección pasó a ser una entrada en ese mapa, sin pantalla nueva. Ese motor es la base del framework que redujo el tiempo de desarrollo en 75%.
Cada cliente podía configurar sus reglas de cotización.
El cotizador vivía dentro de ese mismo administrador, y es la forma en que un comprador obtiene un precio real por un departamento real. Cada inmobiliaria vendía con sus propias condiciones: qué porcentaje era la cuota inicial, cuántos días valía una cotización, cuántas mensualidades, cómo cambiaba el descuento según el tamaño de la cuota inicial. Construí la herramienta que tenía que sostener todas esas reglas y cotizar una unidad con los datos actuales del inventario. Un número equivocado en una cotización publicada puede terminar en un problema legal.
La vista previa usa el mismo código que ven los visitantes.
El panel de edición está junto a una vista previa en vivo del sitio público real del cliente, usando el mismo código que muestra el sitio a los visitantes, así que lo que editas es lo que sale. Conecté las dos ventanas mediante los mensajes que permite enviar el navegador, con un retardo de 800 milisegundos para que la vista previa no se redibuje en cada tecla. Si la vista previa se aleja del sitio real, el cliente termina publicando algo que nunca vio.
Una plataforma que lanzaba sitios en una fracción del tiempo
La plataforma corría en producción: los clientes configuraban su sitio público completo en Alohub, desde la imagen principal hasta los planes de pago, y gestionaban inventario, prospectos y reportes de ventas. El editor genérico es lo que la volvió rentable, y el cotizador es lo que volvió confiables sus números. Un cliente que quería una sección nueva en su sitio la recibía del mismo motor que ya corría para todos los demás.
Puedo encontrar la abstracción que le quita trabajo repetido a todo un equipo, construirla, y liderar a un equipo de siete para desarrollar a partir de esa base.