Diez miradas.
Una identidad propia.
Cómo convertir el sitio de a.modo en una experiencia de materiales, diseño y descubrimiento, preservando su estructura actual.
Selección editorial de diez referentes internacionales de baños, superficies y equipamiento premium. No es un ranking objetivo: se eligieron por afinidad de catálogo, calidad de presentación, herramientas de exploración y vínculo con el showroom. Algunos son fabricantes; otros, comercios y showrooms. Se revisaron sus páginas oficiales, navegación visible, contenido y presentación de portada. No se realizaron auditorías técnicas ni compras.
El análisis comparativo
| Referente | Qué aporta | Qué adaptar a a.modo | Límite que evitar |
|---|---|---|---|
| 01 · Salvatori ↗ Italia · Piedra y baños | La materia organiza el catálogo. Combina texturas, ambientes, Shop the Look, muestras y asesoría. | Unir imágenes de ambientes con exploración de piezas; acercamientos que hagan visible el relieve. | Trasladar su amplitud de navegación o comercio electrónico a un showroom de escala distinta. |
| 02 · Agape ↗ Italia · Arquitectura del baño | Presenta el baño como una composición completa. Su buscador cruza categoría, material, colección y diseñador. | Proporciones editoriales, protagonismo de la pieza y separación clara entre inspiración y consulta. | Textos extensos sobre la imagen y pantallas de carga que demoran el descubrimiento. |
| 03 · Gessi ↗ Italia · Grifería y bienestar | Fotografía cercana y narrativa sensorial. Distingue colección, producto, proyectos y experiencia Casa Gessi. | Dar escala y presencia a los detalles; mostrar por qué un acabado cambia el ambiente. | Hacer depender la portada de video pesado o separar demasiado el producto de la información práctica. |
| 04 · Mutina ↗ Italia · Cerámica de diseño | Trata el revestimiento como lenguaje creativo. Colecciones, interiores e In Use conectan material y aplicación. | Ritmo visual menos predecible, contraste de escalas y muestras de aplicación con identidad. | Convertir la búsqueda de productos en una exploración artística sin destino comercial claro. |
| 05 · Porcelanosa ↗ España · Superficies y equipamiento | Ambientes de gran formato y cita en tienda visible. Su tienda organiza por espacio, material, formato y acabado. | Conectar el ambiente con la categoría y mantener el acceso a showroom a la vista. | Copiar un megamenú pensado para un catálogo y una red internacional mucho mayores. |
| 06 · Florim ↗ Italia · Superficies porcelánicas | Permite explorar por efectos, espacios y aplicaciones. Complementa la inspiración con proyectos y catálogos. | Comunicar continuidad de superficies entre baño, sala, cocina y exterior; el baño sigue siendo el centro. | Introducir demasiados controles flotantes que compitan con los materiales. |
| 07 · Waterworks ↗ Estados Unidos · Baños y cocinas | Combina fotografía detallada, colecciones de producto y galerías con Get the Look. | Mostrar el producto dentro de un conjunto y conservar sus datos y categoría al consultar. | Acumular barras promocionales y muchas familias de navegación en la parte superior. |
| 08 · Kohler ↗ Estados Unidos · Equipamiento | Relaciona colecciones, inspiración, categorías y asistencia presencial en tienda. | Hacer explícito qué ofrece el negocio y permitir tanto explorar como buscar una pieza concreta. | Adoptar la densidad comercial, promociones y ecosistema de marcas de una empresa masiva. |
| 09 · Winnings / Rogerseller ↗ Australia · Showroom multimarca | Es el modelo comercial más cercano: selección de equipamiento, inspiración, asesoría y herramientas por proyecto. | Un recorrido de consulta que conserve la pieza elegida y dé contexto al asesor. | Añadir comparadores, carrito o cuentas antes de validar que a.modo los necesita. |
| 10 · Lusso ↗ Reino Unido · Baños y hogar | Coordina materiales y acabados, con colecciones, guías y categorías de mobiliario y equipamiento. | Construir una paleta cálida consistente y presentar familias de producto como parte del espacio. | Replicar su navegación extensa y sus mensajes de venta directa en un modelo basado en consulta. |
Rogerseller redirigió a Winnings al momento de la revisión. La página principal de Porcelanosa se inspeccionó en navegador; la organización comercial se contrastó con su tienda oficial. Las observaciones y recomendaciones de diseño son una interpretación propia.
La dirección: una galería de materiales
El sitio actual ya comunica aspiración y diseño. La propuesta concentra esa intención: una portada con mayor presencia, un índice de categorías que cambia la imagen al elegir y una secuencia que alterna escenas completas, piezas y texturas. Piedra cálida, verde profundo y tipografía de gran escala forman un sistema coherente.
- Portada: fotografía de a.modo a sangre, marca reconocible y una frase breve. Cambio de escena manual para conservar el control y reducir movimiento.
- Categorías: índice tipográfico junto a una imagen grande. El catálogo conserva las 14 categorías originales.
- Ambientes: se mantienen Suite integral, Verde vivo, Malla en escena y Azul profundo. El selector permite cambiar sin abandonar la sección.
- Diseños con carácter: composición asimétrica para mostrar la amplitud del catálogo fuera del baño.
- Lavamanos y mallas: se preservan como protagonistas, con tratamientos distintos según su función visual.
- Contacto: dirección, horarios y asesoría cierran el recorrido. Una consulta desde producto conserva el nombre de la pieza.
La estructura se conserva
| Vista | Contenido de la propuesta |
|---|---|
| Home | Portada → categorías → ambientes → diseños con carácter → lavamanos → mallas → showroom/contacto. |
| Ambientes | Los cuatro ambientes actuales, selección interactiva y acceso al catálogo. |
| Productos | Las 14 categorías, búsqueda, orden y ficha de consulta. Se incluyen 27 productos reales como muestra de diseño. |
| Contacto | Datos actuales del showroom y formulario demostrativo. No envía ni almacena información. |
Decisiones para mantenerlo ágil
El prototipo usa HTML, CSS y JavaScript sin dependencias de interfaz ni procesos de compilación. Las imágenes se optimizaron a WebP; las secundarias cargan bajo demanda. No hay video automático, animaciones que bloqueen la lectura ni efectos que intercepten el desplazamiento. Respeta la preferencia de movimiento reducido y permite navegar con teclado.
Alcance y siguientes decisiones
Este es un mockup navegable, separado de producción. Las imágenes y los nombres de producto se tomaron del sitio público de a.modo para representar su catálogo, sin asumir que toda imagen sea una fotografía física del showroom. Los puntos sobre ambientes ilustran la interacción de consulta por categoría; no confirman que una referencia específica forme parte de esa escena. Antes de publicar se deben validar esas asociaciones, derechos de imágenes, fichas completas, disponibilidad, datos del negocio y conexión del formulario.
Fuentes de a.modo: Home · Ambientes · Productos · Contacto. Fecha de consulta: 9 de octubre de 2026.
Ver la propuesta de a.modo ↗