Foc i Cor. Inclusión social a través de la cocina.
Foc i Cor es el restaurante escuela de la ONG Cesal en Catarroja, una de las zonas que la DANA se llevó por delante. Hasta abril de 2027 formará a más de cien personas en riesgo de exclusión en los oficios de cocina, sala y barra.
Ficha
- Cliente
- ONG Cesal
- Año
- 2026
- Qué hicimos
- Diseño, desarrollo y accesibilidad
- Accesibilidad
- WCAG 2.2 nivel AA, parcialmente conforme
En cifras
- Más de 100
- personas en formación hasta abril de 2027
- 5,7:1
- el contraste del texto sobre la crema de la marca
- En tiempo real
- la carta, que el equipo actualiza desde una hoja de cálculo
El reto
Foc i Cor no es solo un restaurante con una web. Es un proyecto social que, además, da de comer. Y eso planteaba dos retos desde el principio.
Contarlo todo sin perder el foco.
Es un negocio de hostelería, una escuela de oficios para personas en riesgo de exclusión y una forma de reactivar el comercio de una zona arrasada. Si la web solo cuenta una de estas tres dimensiones, las otras dos desaparecen. Para que el proyecto sea sostenible, el restaurante tiene que funcionar como puerta de entrada: atraer al público y hacer posible todo lo demás.
Todo proyecto social debe tener una web inclusiva.
Si Foc i Cor existe para que nadie se quede fuera, su web tenía que responder al mismo principio. La conversación con Cesal no empezó por la normativa, sino por la coherencia.
Decisiones de diseño
Personas, antes que platos.
Foc i Cor no solo sirve comida: también enseña un oficio. La web presenta sus tres pilares: cocina de mercado, compromiso con l’Horta Sud y formación en un entorno real.
Una identidad accesible.
La marca llegó con su paleta. No la cambiamos: la ampliamos con variantes de más contraste para textos y elementos interactivos. La identidad se mantiene; la legibilidad mejora.
Una carta en tiempo real.
El equipo cambia platos y precios desde una hoja de cálculo. La carta se actualiza sola, sin PDF, y se lee desde cualquier dispositivo.
Accesibilidad
Medido sobre la web publicada el 11 de octubre de 2026.
- 10 de 10 imágenes de la portada con alternativa escrita.
- Encabezados sin saltos de nivel en la portada y en la carta.
- La pestaña activa de la carta, a 6,2:1 sobre el naranja de la marca.
- Pendiente: los enlaces legales del pie miden 14 px de alto; el criterio pide 24.