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 administrador con el cotizador adentro, 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 quería su propia marca, sus propias secciones y su propio diseño, y ningún equipo puede construir y mantener a mano un sitio a medida para cada una. La única forma de que funcionara era como un solo producto que cada cliente configuraba por su cuenta: rápido de armar y correcto con cualquier tipo de sección que quisiera agregar, desde una galería de fotos hasta una tabla de planes de pago.
Líder técnico de todo el equipo de ingeniería, y el frontend era mío
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.
Construí un solo motor de edición para todos los tipos de sección.
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 cualquier ruta anidada hasta el campo. Agregar un tipo de sección pasó a ser una entrada en ese mapa, sin pantalla nueva. Ese motor es el núcleo del framework del que sale el 75%.
Construí el cotizador que cada cliente configuraba.
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 el enganche, cuántos días valía una cotización, cuántas mensualidades, cómo cambiaba el descuento según el tamaño del enganche. Construí la herramienta que tenía que sostener todas esas reglas y cotizar una unidad del inventario en vivo. 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, corriendo el mismo renderizador que sirve a los visitantes, así que lo que editas es lo que sale. Construí el puente sobre la mensajería del propio navegador entre las dos ventanas, 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 siete personas para entregar sobre ella.