Reto → Solución → Resultado
BeTheBid necesitaba dos landings inmobiliarias diferenciadas — una para compradores y otra para propietarios — que convirtieran visitas en leads cualificados. El diseño venía definido por el equipo de UX/UI desde Figma.
Maquetación pixel-perfect desde Figma con Bootstrap 5, unificando sistema de colores y tipografías. Formularios con validación JS, menús desplegables y accesibilidad validada con WAVE. Despliegue vía FTP con gestión de ramas.
Dos landings en producción, accesibles y optimizadas. Desarrolladas de forma autónoma con mínima supervisión, pasando revisión de cliente y equipo antes de publicarse en servidor.
Lo que hice
concretamente
Maquetación desde Figma
Trabajé directamente desde el diseño del equipo de UX/UI, traduciendo cada componente a HTML y CSS con precisión. Uno de los retos fue unificar el sistema de colores y tamaños entre las dos landings para que compartieran identidad visual siendo páginas distintas.
Usé Bootstrap 5 como base para el grid y los componentes responsive, extendiendo con CSS propio para ajustar al diseño exacto del cliente. El desarrollo siguió un enfoque mobile-first, adaptando la experiencia para desktop, tablet y móvil.
Formularios y accesibilidad
Implementé formularios interactivos con validación en JavaScript y menús desplegables. Pasé los formularios por WAVE para detectar y corregir errores de accesibilidad — problemas de contraste y validaciones incorrectas.
Para las pruebas visuales del header usé ramas en el repositorio, lo que permitió testear cambios sin afectar la versión principal hasta validar con el equipo.
Qué se consiguió
Ambas landings están publicadas en servidor real. Desarrolladas y desplegadas de principio a fin de forma autónoma.
Corrección de errores de contraste y validación de formularios con WAVE antes de la entrega final al cliente.
Validación por parte del equipo y el cliente sin incidencias. Mínima supervisión durante todo el proceso.
Tecnologías usadas
Diseñando y desarrollando
experiencias digitales
Frontend, email development y proyectos web desarrollados para clientes y entornos reales.