Design Sprint · UX/UI · 2025

CEIP
José María
de Pereda

Rediseño completo de la web del CEIP Pereda en un Design Sprint de 3 días. De una navegación con más de 15 categorías caóticas a una experiencia clara, accesible y moderna para familias y docentes.

Rol
UX/UI Design
Formato
Design Sprint
Equipo
4 personas
Año
2025
CEIP Pereda web
01 — Problema

Una web imposible de usar

La web original del CEIP Pereda presentaba problemas graves que afectaban directamente a la experiencia de familias y docentes. Era difícil de entender, poco accesible y visualmente muy pobre.

🗂️
Arquitectura de información caótica. Más de 15 categorías en un único nivel sin jerarquía ni agrupación temática.
👁️
Jerarquía visual inexistente. Sin priorización visual, todo parecía igual de importante.
🔍
Información básica inencontrable. Calendario, noticias, menús y documentación requerían múltiples clics.
🎨
Estética muy desactualizada que no transmitía la identidad ni los valores del centro.
Objetivo del proyecto
Información clave en segundos
Rediseñar la web para que cualquier usuario encontrara la información clave en segundos.
Hacer la navegación intuitiva incluso para personas sin experiencia digital.
Reducir de +15 categorías a 6 secciones principales claras y coherentes.
Diseñar una estética moderna, cálida y accesible acorde al contexto educativo.
Contexto del sprint
⚡ 3 días 👥 4 personas 📄 Landing + 1 interna
02 — Arquitectura de la información

De 15 categorías caóticas a 6 secciones claras

Analizamos a fondo la organización original del contenido: rutas confusas, categorías poco claras y un exceso de niveles que dificultaban encontrar cualquier información. A partir de ese análisis creamos una arquitectura simple, lógica y predecible.

Antes — Navegación sobrecargada
Arquitectura antes
Más de 15 categorías principales en un único nivel, sin jerarquía ni agrupación temática. Confusión total para el usuario.
Después — Estructura clara y jerárquica
Arquitectura después
6 secciones principales con subniveles lógicos. Reducción de la carga cognitiva y mejor localización del contenido esencial.
03 — Wireframes

Las 3 pantallas prioritarias

Generé wireframes mid-fidelity de las tres pantallas más problemáticas definidas junto al colegio: Home, Admisiones y Equipo Directivo y Docente. Permitieron validar la jerarquía y los accesos rápidos antes de pasar al diseño visual.

Wireframe Home
Home
Wireframe Admisiones
Admisiones
Wireframe Equipo docente
Equipo docente
04 — Diseño final

Pastel, orgánico y accesible

Paleta de colores pastel para transmitir cercanía y calidez, formas orgánicas, imágenes de gran protagonismo y una composición clara y moderna. El resultado refuerza la identidad del centro y mejora la experiencia de usuario de forma significativa.

INICIO
INICIO
Hero con mensaje de bienvenida, imagen de alumnos, acceso rápido a Admisiones 2025 y navegación clara por las 6 secciones principales.
VALORES DEL CENTRO
VALORES DEL CENTRO
Sección sobre inclusión y diversidad e innovación educativa, con fotografías de gran protagonismo y composición orgánica.
OFERTA EDUCATIVA
OFERTA EDUCATIVA
Tarjetas visuales con colores diferenciados para Escuela Dulcinea, Educación Infantil y Educación Primaria.
PROYECTOS Y FAQs
PROYECTOS Y FAQs
Proyectos del centro en tarjetas coloreadas y sección de preguntas frecuentes para reducir consultas directas.
EQUIPO DOCENTE
EQUIPO DOCENTE
Página de presentación del equipo con banner de impacto, fotografía y navegación clara del centro.
ADMISIONES
ADMISIONES
Proceso de admisión con banner llamativo y acceso directo al formulario de solicitud de información.
HORARIOS Y EVENTOS
HORARIOS Y EVENTOS
Jornada de puertas abiertas destacada y horarios del centro organizados por meses en formato visual claro.
05 — Resultados del sprint

Un rediseño que resuelve

Aunque el alcance era limitado a 3 días, el rediseño resolvió los principales problemas detectados y generó una propuesta coherente, accesible y lista para escalar al resto de páginas del sitio.

−60%
Reducción de categorías de navegación principales
3
Pantallas prioritarias diseñadas y validadas en el sprint
6
Secciones claras frente a las +15 originales sin jerarquía
06 — Aprendizajes

Lo que me llevé de este sprint

🚀
Trabajar bajo presión me permitió priorizar rápido y mantener el ritmo sin perder calidad.
👀
Aprendí a tomar decisiones ágiles centradas en accesibilidad y claridad visual, no en preferencias estéticas.
🧼
Convertí contenido denso en interfaces limpias, ordenadas y fáciles de entender para cualquier perfil de usuario.
🎯
Refiné mi habilidad para mantener coherencia visual entre secciones con contenidos muy distintos.
🔧
Descubrí el valor de iterar constantemente, incluso dentro de un sprint, para mejorar microdetalles clave.
🤝
Comprendí la importancia de adaptar el diseño a necesidades reales del usuario, no solo a preferencias personales.

¿Vemos el prototipo?

Ver prototipo interactivo ↗ ← Volver al portfolio