Petits i Grans es un centro psicopedagógico de Piera (Barcelona) que acompaña a niños, adolescentes, adultos y familias. Su web llevaba años creciendo junto con el proyecto, pero había llegado un momento en que ya no explicaba con suficiente claridad todo lo que el centro era capaz de ofrecer.
El proyecto no consistía simplemente en cambiar colores, tipografías o hacer una web “más moderna”.
Había que conseguir algo bastante más importante: ordenar la información, facilitar que una familia entendiera por dónde empezar y convertir la web en una herramienta real de contacto para el centro.
Ese ha sido el punto de partida del rediseño que acabamos de publicar en Petits i Grans.
El punto de partida: una web que había ido acumulando contenido
La web anterior tenía algo muy valioso: contenido real.
Explicaba la trayectoria de Àngels Planella (la fundadora del centro), mostraba los diferentes ámbitos de trabajo, tenía fotografías propias, artículos publicados y bastante información sobre sus servicios.
El problema no era la falta de contenido.
Era cómo estaba organizado y cómo llegaba hasta quien visitaba la web.
Con los años se habían ido incorporando nuevos servicios, apartados y necesidades. El resultado era una navegación muy extensa, diferentes denominaciones para servicios relacionados, llamadas a la acción poco jerarquizadas y una estructura que obligaba a la persona a interpretar demasiado antes de saber qué podía hacer.
Visualmente también había quedado atrás respecto a la evolución del propio centro.

Y esta es una situación bastante habitual.
Una web puede seguir funcionando técnicamente y, sin embargo, haber dejado de representar correctamente al negocio que hay detrás.
Antes de rediseñar, decidimos qué debía conservarse
Rediseñar no significa eliminar todo lo anterior.
Una de las primeras decisiones fue precisamente identificar qué tenía valor y debía permanecer:
- la trayectoria y personalidad de Petits i Grans;
- la figura de Àngels y el equipo profesional;
- el conocimiento acumulado en años de trabajo;
- los contenidos del blog;
- la proximidad con las familias;
- la idea de acompañamiento individualizado;
- y los servicios y metodologías que ya formaban parte del centro.
El trabajo consistía en darles una estructura nueva, no en sustituirlos por mensajes genéricos de marketing.
1. Empezar por la necesidad de la persona, no por el catálogo de servicios
Uno de los principales cambios está en la propia entrada a la web.
La nueva home empieza situando al visitante:
“Acompañamos cada dificultad con mirada cercana y profesional.”
Y continúa explicando que, cuando aparecen dificultades, no siempre es fácil saber por dónde empezar.
Es una diferencia importante.
Una familia normalmente no llega pensando:
“Necesito contratar el servicio X del apartado Y.”
Llega porque su hijo tiene dificultades para concentrarse, porque algo le preocupa emocionalmente, porque tiene dudas sobre el aprendizaje o porque simplemente no sabe cuál debería ser el siguiente paso.
La nueva arquitectura parte de esa realidad.
Actualmente la web lleva de forma mucho más directa desde el problema hasta una primera orientación y deja visibles desde el inicio acciones como “Pide una primera orientación” o “Explícanos tu caso”.
2. Reordenar los servicios para que sean comprensibles
Otro trabajo importante ha sido reducir ruido.
En lugar de presentar una sucesión de especialidades, problemáticas o etiquetas, la oferta principal se ha reorganizado alrededor de tres áreas fácilmente reconocibles:
Apoyo pedagógico · Apoyo psicológico · Apoyo en el lenguaje
A ellas se suma Vincles, el nuevo programa de crianza y desarrollo socioemocional, organizado a su vez en Familia, Social, Comunidad y Digital.
La diferencia puede parecer únicamente de arquitectura web, pero tiene una consecuencia comercial importante:
cuantas menos decisiones tiene que descifrar una persona, más fácil es que encuentre su camino.
3. Explicar cómo trabaja el centro antes de pedir confianza
En servicios profesionales, y especialmente cuando intervienen educación, psicología o acompañamiento familiar, no basta con enumerar prestaciones.
Hay que responder también a otra pregunta:
“¿Qué ocurrirá si contacto con vosotros?”
Por eso la nueva web hace mucho más visible el método de trabajo:
- Escuchamos el caso.
- Evaluamos la situación.
- Definimos objetivos.
- Trabajamos de manera individualizada.
- Acompañamos el proceso.
- Revisamos y ajustamos.
También se ha dado mucho más protagonismo al equipo, a la trayectoria del centro y a sus valores.
La propia web explica ahora que Petits i Grans trabaja desde 2014 y cuenta con un equipo interdisciplinar coordinado.
No es contenido decorativo.
Es información que reduce incertidumbre antes de realizar el primer contacto.
4. Diseñar un recorrido real hacia la consulta
Una de las diferencias entre tener una web informativa y tener una web que ayuda al negocio está en lo que ocurre después de leer.
En el nuevo proyecto hemos trabajado especialmente los puntos de contacto y las llamadas a la acción.
La web incorpora:
- CTAs más visibles y contextualizados;
- un recorrido claro hacia la primera orientación;
- contacto mediante formulario;
- integración con WhatsApp;
- posibilidad de agendar citas online;
- y diferentes accesos al contacto según el momento del visitante.
El objetivo no era llenar todas las páginas de botones.
Era conseguir que, cuando una persona pensara “creo que necesito hablar con alguien”, el siguiente paso estuviera claro.
5. Una web pensada también para móvil
Una parte importante de las visitas a un centro de este tipo llega desde un teléfono.
Por eso el rediseño no se ha planteado como una versión de escritorio que después “se adapta”.
Jerarquías, navegación, tamaños, espacios, botones y contenidos se han revisado pensando también en cómo se consulta realmente la web desde móvil.
Especialmente cuando una persona llega desde Google, desde redes sociales o a través de una recomendación y quiere resolver rápidamente tres cuestiones:
qué hacéis, si podéis ayudarme y cómo puedo contactar.
6. SEO desde la estructura, no como añadido final
El rediseño también ha servido para reconstruir la base SEO de la web.
No se trata simplemente de instalar un plugin de SEO.
Se ha trabajado sobre elementos como:
- arquitectura de páginas;
- jerarquía de encabezados;
- URLs y estructura de contenidos;
- metadatos;
- enlazado interno;
- optimización de imágenes;
- contenido de servicios;
- información local;
- rastreo e indexación;
- y una base técnica preparada para poder seguir trabajando la visibilidad orgánica.
La diferencia es importante: el SEO funciona mucho mejor cuando forma parte de las decisiones de arquitectura y desarrollo que cuando se intenta incorporar al final.
7. Incorporar nuevas líneas de servicio sin volver a complicar la web
El proyecto además debía permitir que Petits i Grans siguiera evolucionando.
Durante el rediseño se ha incorporado Vincles, un nuevo programa que amplía el acompañamiento del centro más allá de la intervención individual y que necesitaba una arquitectura propia sin volver a convertir el menú en un catálogo interminable.
La solución ha sido tratarlo como un universo propio dentro de la misma web, con cuatro recorridos claramente diferenciados.
Eso permite añadir nuevas propuestas sin perder la claridad de la oferta principal.
El resultado: menos esfuerzo para entender qué ofrece Petits i Grans
La web acaba de publicarse.
Por eso no tendría sentido hablar todavía de incrementos de tráfico, posiciones en Google o número de consultas: necesitamos datos y tiempo para medirlos.
Sí podemos hablar, en cambio, de cambios que ya son visibles.
La nueva web:
- explica antes qué es Petits i Grans y a quién acompaña;
- organiza mejor sus servicios;
- reduce la cantidad de decisiones que debe tomar el visitante;
- hace mucho más visible al equipo y su manera de trabajar;
- facilita el primer contacto;
- incorpora WhatsApp y reserva de citas;
- está preparada para trabajar captación y SEO;
- y ofrece una imagen mucho más coherente con el centro que existe hoy.

Lo importante de este proyecto no es el “antes y después”
El cambio visual es probablemente lo primero que se percibe.
Pero no es lo que consideramos más importante.
El verdadero trabajo ha consistido en pasar de preguntar:
“¿Cómo hacemos más moderna esta web?”
a preguntar:
“¿Qué necesita entender una familia para decidir dar el siguiente paso?”
Y a partir de ahí tomar decisiones de contenidos, arquitectura, diseño, desarrollo, SEO y conversión.
Ese es también el enfoque que aplicamos cuando rediseñamos una web que lleva años online.
No siempre hay que empezar desde cero.
A veces hay mucho que conservar.
Lo importante es saber qué conservar, qué reordenar y qué rediseñar.
¿Tu web también ha ido creciendo hasta hacerse difícil de explicar?
Si tienes un centro, despacho o empresa de servicios y tu web ya no representa bien lo que haces, podemos revisar contigo qué merece la pena conservar y qué cambiaríamos.
