Plangune

Plangune es una plataforma responsive y mobile-first pensada para 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, la accesibilidad con carrito, la disponibilidad de baño o cambiador, si el plan es a cubierto, el nivel de tranquilidad o las opiniones de otras familias.

El proyecto está planteado como un ecosistema completo con tres perfiles de usuario: la familia, que busca y consume planes; el negocio, que publica su actividad y gestiona su visibilidad; y el administrador, que modera el contenido y supervisa el funcionamiento global de la plataforma.

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 y a la conexión entre familias y negocios locales.

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.

A eso se sumaba un reto adicional: un mismo producto tenía que servir a tres tipos de usuario con necesidades y estados de ánimo muy distintos. Una familia navega en modo ocio, buscando calidez y rapidez; un negocio y un administrador trabajan en modo gestión, buscando claridad, control y datos. Había que resolver esto sin romper la coherencia de marca ni obligar a mantener dos sistemas de diseño desconectados entre sí.

Una de las decisiones de diseño más importantes del proyecto fue crear dos lenguajes visuales dentro de la misma identidad de marca, en lugar de aplicar un único estilo a todos los perfiles por igual.

La interfaz de usuario final (familias) utiliza formas más redondeadas, tarjetas con esquinas suaves, color saturado y una jerarquía visual lúdica. El objetivo es que la experiencia se sienta cercana, amable y poco intimidante: es una app que se usa en un contexto emocional (organizar un plan con los hijos), así que el diseño acompaña esa sensación de calma y disfrute.

La interfaz de negocio y administración, en cambio, adopta un lenguaje más sobrio: bordes más rectos, tarjetas más planas, tipografía funcional y una paleta más contenida centrada en datos, estados y acciones. Aquí el usuario ya no está "disfrutando" el producto, sino trabajando con él: gestionando actividades, revisando métricas o moderando contenido. La prioridad pasa a ser la eficiencia, la legibilidad de los datos y la rapidez para completar tareas repetitivas.

Ambos lenguajes comparten paleta de color, tipografía y elementos de marca (logo, iconografía, tono de los mensajes), de modo que el usuario nunca pierde la sensación de estar dentro de Plangune, pero cada perfil percibe la interfaz como diseñada específicamente para su contexto de uso. Esta decisión responde a un principio de diseño centrado en el usuario: adaptar la forma al objetivo, no imponer una misma estética a experiencias con propósitos distintos.

Se desarrolló una interfaz frontend responsive con enfoque mobile-first utilizando HTML, CSS y React de forma básica, estructurada en tres áreas de trabajo diferenciadas: la app pública de familias, el panel de gestión de negocios y el panel de administración.

La mayor parte del trabajo se centró en el diseño visual y la maquetación con CSS, construyendo un sistema de componentes reutilizable (tarjetas, badges, formularios, tablas de datos, filtros) que se adapta según el contexto: más expresivo en la parte pública, más sobrio y orientado a datos en la parte de gestión.

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, la jerarquía de información y la coherencia del sistema de diseño entre los distintos paneles.

• Diseño e implementación de la interfaz de usuario (UI) para los tres perfiles: familia, negocio y administrador
• Definición de un sistema de diseño dual: estética redondeada y colorida para el usuario final, y sobria y funcional para negocio/administración
• Desarrollo del diseño responsive mobile-first con CSS
• Maquetación de pantallas principales: landing, buscador, listado de planes, ficha de detalle, dashboards de negocio y de administración
• Diseño de paneles de gestión (actividades, ofertas, reseñas, visibilidad, planes de pago, perfil del negocio)
• Diseño del dashboard de administración con métricas, moderación de negocios/actividades y analítica de búsqueda
• Implementación básica de componentes en React
• Adaptación de la experiencia de usuario a contexto móvil en todos los perfiles

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.

Diseñar para tres perfiles de usuario dentro de un mismo producto me ayudó a entender cómo construir un sistema de diseño que sea flexible sin perder coherencia de marca: cómo decidir qué se mantiene igual (color, tipografía, tono) y qué debe cambiar (formas, densidad de información, jerarquía) en función del objetivo real de cada usuario.

También se reforzó el uso de React como herramienta de apoyo para estructurar la interfaz, sin depender de lógica compleja, priorizando en todo momento la experiencia de usuario y el diseño visual del producto.