Concepto de rediseño · Cerámica · 2026

APE Grupo: 251 colecciones, como un showroom.

Rediseño de la web de un fabricante cerámico con todo su contenido real: más de 30 secciones, buscador de colecciones con filtros, fichas con despiece y comparador, y una escena de Etruria animada con Remotion.

Cliente: APE Grupo
Qué hicimos: Dirección creativa, diseño y desarrollo
Tecnología: GSAP, Lenis y Remotion
Formato: Demo de rediseño en un solo archivo

Recorrido por la portada del rediseño, grabado en escritorio

El reto

APE Grupo fabrica cerámica con varias marcas (APE, Carmen, XLINING, IlBagno y VLOOK) y un catálogo muy grande. Su web tiene que servir a la vez a distribuidores, arquitectos y clientes que buscan una baldosa para su baño.

El reto era que encontrar una colección fuera tan fácil como verla, y que la web transmitiera lo que se ve en sus ambientes: material, luz y escala.

La idea: el showroom

La web como una sala de exposición: fotos de ambiente a pantalla completa, secciones claras y oscuras que se alternan como espacios distintos, y una tipografía ancha para los nombres de las colecciones.

Cada colección se puede encontrar por nombre, por efecto, por marca o por estancia, y su ficha lo tiene todo: colores, despiece, descargas y comparador.

Los momentos

Portada del rediseño de APE Grupo con una fachada de ladrillo y el titular «APE Grupo Architecture Awards» — Portada · novedades a pantalla completa

Sección Canvas: una pared de baldosas pintada como un lienzo — Canvas · cada pared, un lienzo

Despiece de la colección Etruria: las piezas flotando en perspectiva sobre fondo arena — Etruria · despiece animado con Remotion

Colección Shabby Chic con su ambiente y los once colores — Colecciones · ambiente y colores

Buscador por estancias con filtros de baño, cocina, exterior, fachadas, interior, piscinas y retail — Estancias · buscar por espacio

Buscador de colecciones con filtros por efecto y marca y 251 colecciones — Colecciones · 251, con filtros

Ficha de la colección Etruria con su foto de ambiente — Ficha · Etruria

Proyectos reales filtrables por restaurante, vivienda y hotel — Proyectos · filtrables

En el móvil

Qué incluye

01Portada con novedades, Canvas, Architecture Awards, estancias, colecciones, marcas y proyectos.
02Buscador de 251 colecciones por nombre, efecto (mármol, piedra, madera, cemento…) y marca.
03Ficha de cada colección con ambiente, colores, despiece, descargas técnicas y comparador.
04Estancias: baño, cocina, exterior, fachadas, interior, piscinas y retail.
05Proyectos reales filtrables por restaurantes, vivienda y hotel.
06Inspiración, noticias, catálogos y BIM, con el contenido de su web.
07Volver atrás al punto exacto en todas las secciones.

En cifras

30+secciones con rutas propias

251colecciones en el buscador

7estancias para buscar por espacio

1archivo para enseñarlo en una reunión

Técnica clave

01Remotion dentro de la web
El despiece de Etruria es un vídeo de Remotion que no se reproduce solo: avanza con el scroll, pieza a pieza.
02Todo en un archivo
Más de 30 secciones con rutas propias en un único HTML, para enseñarlo en una reunión sin servidor.
03Buscar sin esperar
Los filtros de las 251 colecciones funcionan en el navegador: responden al momento, también en el móvil.

Fotos, colecciones y textos: APE Grupo. Diseño y desarrollo del rediseño: xstdio.

¿Fabricas cerámica? Así sería la tuya.

Webs para fabricantes cerámicos