Ytantos: de años sin web a un porfolio bilingüe y autogestionable, en 4 días
Ytantos es un estudio de diseño gráfico de Donostia, llevado por dos diseñadoras, Mercedes y Eli. Su trabajo habla solo: memorias anuales para Donostia Kultura, folletos de la Red de Bibliotecas de San Sebastián, identidad y publicaciones para el Museo San Telmo, guías para el Ayuntamiento. Un porfolio sólido, institucional y muy cuidado.
El problema era fácil de enunciar y nada fácil de resolver: llevaban años sin web propia. Un estudio que diseña la imagen de los demás necesitaba, por fin, una imagen digital propia.
El problema
Aquí no había una web lenta que arreglar, sino un vacío. Yxx un vacío trae sus propios retos.
El primero, obvio: la web de un estudio de diseño es su carta de presentación. Si cojea, contradice todo lo que el estudio vende. Tenía que verse impecable, sin margen.
El segundo, de fondo y muy de Donostia: el estudio trabaja en euskera y castellano, así que la web tenía que ser bilingüe de verdad —no un idioma principal y el otro a medias—, con cada proyecto presentado en las dos lenguas, con el mismo cuidado.
El tercero, el que más pesa a largo plazo: después de años sin web, lo último que necesitaban era volver a depender de alguien cada vez que quisieran subir un proyecto nuevo. La web tenía que ser suya también para mantenerla, sin tocar nada técnico.
Qué hice
Construí la web entera —diseño, desarrollo y CMS— sobre un stack desacoplado: Astro para un sitio estático que carga casi al instante, y Payload como gestor de contenido, en una arquitectura monorepo. Todo, de principio a fin, en 4 días. Pero el stack es lo de menos; lo que marcó la diferencia fueron las decisiones.
Un diseño que se aparta para que el trabajo mande
El porfolio de ytantos es rico y lleno de color. Así que la web hace lo contrario: se quita de en medio. Estructura sobria, mucho espacio, nada que compita con las piezas. En un estudio de diseño la web no es donde luces tú —es donde luce el trabajo del cliente. La decisión de diseño más importante fue contenerse.
Bilingüe de verdad, desde la arquitectura
Castellano y euskera tratados como iguales desde la estructura de datos, no como un parche de traducción encima. Cada proyecto, cada sección y la navegación entera funcionan en los dos idiomas. En Donostia esto no es un extra: es lo correcto.
Un panel pensado para alguien que no es técnico
El gestor quedó en español, con un botón de "publicar cambios" que regenera el sitio sin tocar nada por dentro. Mercedes y Eli dan de alta proyectos nuevos y los publican cuando quieren. Les dejé además un manual a medida de 16 secciones que cubre todas las funciones del CMS —para que la autonomía sea real, no teórica.
Las imágenes, servidas como se diseñaron
En un porfolio de diseño gráfico la fidelidad de cada pieza es sagrada: una memoria de Donostia Kultura o una guía del Museo San Telmo tienen que verse exactamente como se diseñaron. Lo automático habría sido generar recortes responsive de cada imagen —y esos recortes, con relaciones de aspecto fijas, deformaban las piezas. Así que tomé la decisión correcta para este caso: servir cada imagen a su tamaño y proporción reales, sin recortes que las desfiguren. No es renunciar al rendimiento —de hecho la web mantiene 100 de PageSpeed en escritorio— es entender qué optimizar y qué no en una web cuyo contenido ES diseño.
Sin cookies, sin banner
La analítica y la protección anti-bot de los formularios se montaron sin cookies. Resultado: la web no necesita el típico banner de consentimiento que molesta a todo el mundo.
Suya de arriba a abajo
Hosting propio, dominio propio, contenido propio, coste de mantenimiento mínimo. Después de años dependiendo de no tener nada, ahora tienen una web que es enteramente suya —incluido el poder de cambiarla cuando quieran.
PageSpeed escritorio: 100 rendimiento · 100 accesibilidad · 100 buenas prácticas · 92 SEO
PageSpeed móvil: 94 rendimiento · 100 accesibilidad · 100 buenas prácticas · 92 SEO
Web: bilingüe (castellano / euskera), diseño limpio y autogestionable
Tiempo de desarrollo: 4 días (diseño + desarrollo + CMS)
Gestión: panel en español + manual a medida de 16 secciones
Privacidad: sin cookies, sin banner de consentimiento
Mantenimiento: coste mínimo · web 100% propia
