Plangune
WebApp para encontrar, explorar y disfrutar con tus hijos de los mejores planes de fin de semana.
Planazo
Tecnologías
- HTML 5
- CSS 3
- JavaScript
- React.js
- Git
- GitHub
El proyecto
Plangune es una web/app responsive, mobile-first y SPA orientada a familias jóvenes con bebés y niños pequeños que buscan planes, lugares, actividades y negocios familiares en Euskadi de forma sencilla, segura y sin complicaciones.
El objetivo principal es ayudar a las familias a responder preguntas prácticas antes de salir de casa, como la adecuación por edad, accesibilidad con carrito, disponibilidad de baño o cambiador, si el plan es a cubierto, el nivel de tranquilidad o las opiniones de otras familias.
El proyecto se desarrolla dentro del Desafío de Tripulaciones 2026 de la BBK BootCamp powered by The Bridge como un producto enfocado a la toma de decisiones rápidas sobre ocio familiar.
El reto
El principal reto consistía en diseñar una interfaz clara y accesible que permitiera a las familias encontrar planes rápidamente, priorizando la usabilidad en móvil y la simplicidad visual frente a la complejidad técnica.
También era importante trasladar criterios reales de decisión familiar a una interfaz intuitiva, con filtros y jerarquía visual bien definida, sin sobrecargar la experiencia.
La solución
Se desarrolló una interfaz frontend responsive con enfoque mobile-first utilizando HTML, CSS y React de forma básica.
La mayor parte del trabajo se centró en el diseño visual y la maquetación con CSS, construyendo una experiencia clara, accesible y optimizada para uso móvil.
React se utilizó de forma ligera para estructurar partes de la interfaz, mientras que el foco principal estuvo en la construcción de componentes visuales y estilos.
Mi aportación
- Diseño e implementación de la interfaz de usuario (UI)
- Desarrollo del diseño responsive mobile-first con CSS
- Maquetación de pantallas principales de la aplicación
- Definición del sistema visual y estilo general de la app
- Implementación básica de componentes en React
- Adaptación de la experiencia de usuario a contexto móvil
Lo que aprendí
Este proyecto permitió profundizar en el diseño de interfaces responsive, la construcción de layouts complejos con CSS y la importancia de la jerarquía visual en productos orientados a móvil.
También se reforzó el uso de React como herramienta de apoyo para estructurar la interfaz, sin depender de lógica compleja, priorizando la experiencia de usuario y el diseño.
