Frontend Architect

Sobre Urbanitae

Urbanitae es la plataforma líder de inversión inmobiliaria digital en Iberia. Desde su creación, ha financiado más de 750 millones de euros a través de más de 280 operaciones , lo que ha contribuido a la construcción de más de 10.000 viviendas en la península .

Nuestro modelo permite que tanto pequeños ahorradores como grandes patrimonios puedan coinvertir en proyectos inmobiliarios profesionales, con una rigurosa selección basada en la rentabilidad y el control del riesgo.

Urbanitae ha sido clave para consolidar la financiación alternativa en el sector promotor y, tras liderar el mercado retail, inicia una nueva etapa estratégica orientada también a inversores profesionales (HNWI, family offices, fondos de inversión e inversores institucionales) , sin dejar de lado su vocación de plataforma accesible, transparente y cercana.

¿Qué estamos buscando?

Buscamos un/a Arquitecto/a de Software Frontend para diseñar y construir desde cero el nuevo backOffice de Urbanitae , la aplicación interna desde la que se gestiona toda la operativa de la compañía (proyectos e inversiones, validación de inversores, wallet y pagos, gestora y reporting regulatorio).

No se trata de mantener una herramienta existente, sino de partir de una hoja en blanco , definir la arquitectura, elegir el stack, levantar el design, system y establecer los estándares con los que trabajará el equipo durante los próximos años. Es un proyecto con decisiones técnicas reales por tomar y con la autonomía para tomarlas.

Es un rol de referencia técnica con impacto directo en la productividad de los equipos de negocio que trabajan cada día sobre la herramienta, y en la fiabilidad de operaciones financieras reales dentro de un entorno regulado. Trabajará mano a mano con el Engineering Manager y el CTO.

El Punto de Partida Técnico

Tenemos una propuesta de stack sobre la que arrancar, pero la decisión final formará parte del trabajo del rol:

• Base : React 19 y TypeScript sobre Vite (SPA en cliente, es una herramienta interna tras login, así que no perseguimos SSR ni SEO).
• Estado de servidor : TanStack Query como capa de caché, invalidación y sincronización.
• Estado de cliente y enrutado : decisión abierta entre TanStack Router, React Router y librerías ligeras de estado tipo Zustand o Jotai.
• Comunicación con la API : cliente tipado generado a partir del contrato OpenAPI de nuestros microservicios.
• Design system : construcción de una librería de componentes propia sobre primitivas headless accesibles, alineada con el resto de productos de Urbanitae.
• Estilos : sistema de tokens de diseño; abierto a Tailwind, CSS Modules o solución equivalente.
• Formularios y validación : react-hook-form y Zod.
• Tablas y visualización de datos : TanStack TAble y librería de gráficos a definir.
• Internacionalización : catálogos por idioma con una librería estándar del ecosistema React.
• Autorización en cliente : modelo de permisos por rol y funcionalidad, coordinado con los controles de seguridad del backend.
• Calidad : TypeScript estricto, linting, Vitest y Testing Library y Playwright para los flujos críticos de gestión.
• Build y despliegue : Git, GitLab CI y despliegue sobre Kubernetes en Google Cloud Platform.
• Metodologías ágiles : Scrum y Kanban.

Responsabilidades

• Definir la arquitectura del nuevo backOffice: estructura de módulos, límites entre dominios, patrones de gestión de estado y de fetching y capa de comunicación con la API.
• Elegir y justificar el stack, documentando las decisiones de arquitectura con sus alternativas, costes y riesgos junto al CTO y el Engineering Manager.
• Diseñar y levantar el design system: primitivas accesibles, tokens, criterios de reutilización y consistencia visual con el resto de productos de Urbanitae.
• Establecer los estándarés técnicos del equipo (tipado, calidad de código de rencimiento, seguridad en cliente y testing) y velar por su aplicación.
• Definir la estrategia testing desde el primer día unitario, de componentes y E2E de flujos críticos y su integración en el pipeline de CI.
• Definir el modelo de autorización en cliente por rol y funcionalidad, en coordinación con los controles de seguridad del backend.
• Diseñar la estrategia de migración progresiva desde la herra