Sitio web catálogo
del fabricante
de materiales
de construcción
Braer es un holding ruso que produce materiales cerámicos de construcción de calidad europea. La empresa fabrica productos de ladrillo de una nueva clase, que combinan estética, innovación y tradición generacional.
braer.ru
Objetivo global
Facilitar la interacción de los usuarios con el sitio. Crear un catálogo práctico con navegación intuitiva y un diseño moderno y elegante.
Alcance del trabajo
Realizamos un análisis detallado del cliente y su entorno. Actualizamos el sistema de diseño de la marca. Desarrollamos la estructura del sitio con un catálogo extenso de productos y servicios de la empresa. Incluimos un área de usuario y funciones personalizadas.
Análisis previo
al proyecto
Llevamos a cabo una investigación exhaustiva, analizando más de 40 sitios de competidores, identificando sus ventajas y examinando los aspectos de UI/UX.
A partir de este estudio, seleccionamos las mejores soluciones, que incorporamos en los prototipos. Así, nos enfocamos en crear un producto de calidad que cumpla con las expectativas y necesidades de los usuarios.
Estructura del sitio
Repensamos completamente la estructura existente del sitio, analizando cada página para mejorar su accesibilidad y usabilidad para los usuarios.
Prototipado
Durante el prototipado, nos centramos en la estructura de las páginas, haciendo que fueran completas y efectivas.
La prioridad fue simplificar la interacción de los usuarios con el catálogo de productos y llenar la página principal con contenido útil que presentara inmediatamente el perfil de la empresa y sus servicios.
Desarrollo del sistema
de diseño
En el diseño del sitio, plasmamos todos los deseos del cliente, creando un estilo corporativo que combina robustez, claridad, modernidad y comodidad.
Desarrollamos un UI KIT detallado que refleja la armonía de todos los componentes del sitio: cuadrículas, colores, tipografía, íconos y elementos.
Selección de paleta,
tipografía e ilustraciones
La paleta de colores elegida destaca la marca sobre sus competidores.
La tipografía Pragmatica es perfecta para los títulos y el texto principal, apoyando el diseño y estilo del sitio.
Los productos del cliente se presentan con ilustraciones vectoriales minimalistas que refuerzan la concepción visual de la marca.
Desarrollo de animaciones
La incorporación de animaciones del proceso de producción fue una gran elección. Esto facilitó la comprensión y resultó atractivo para los usuarios.
Prestamos especial atención a la colección especial de ladrillos. Creamos un tema oscuro único y un diseño exclusivo para las tarjetas de esta colección, resaltando la exclusividad y calidad premium del producto.
Funcionalidad y capacidades
Estructuración del catálogo
Ampliamos significativamente las funcionalidades del catálogo. Ahora, en la página de categoría se muestran: colecciones, filtros y productos en varios formatos, como cuadrícula o lista.
Para facilitar el trabajo con la lista de productos, optimizamos el espacio y rediseñamos la disposición de los filtros, permitiendo ahorrar espacio para los productos sin perder calidad en la interacción con los filtros.
Pedido por palés
Integramos con éxito la opción de realizar pedidos no solo por unidades, sino también por palés (m²). Esta solución personalizada requirió un alto nivel de desarrollo por parte de nuestro equipo, proporcionando a los clientes una herramienta práctica para gestionar sus pedidos.
Piece
Pallet
Creación de ficha de producto de venta
La idea detrás de la creación de la ficha de producto fue ofrecer una consulta detallada sobre el producto. La ficha, al igual que un buen vendedor en una tienda física, presenta las principales ventajas del producto, responde a objeciones, muestra el producto en proyectos y en imágenes. Además, involucra al cliente en el proceso de cálculo del producto con una animación atractiva e informativa.
La página se convirtió en una herramienta efectiva que ayuda a los clientes a tomar decisiones de compra fundamentadas.
Reorganización
del área de usuario
Optimizamos el área de usuario, mejorando su estructura y organizando su contenido. Ahora, todos los materiales se encuentran en secciones intuitivas, lo que permite a los usuarios encontrar rápidamente la información y archivos necesarios.
El área de usuario incluye solicitudes de materiales y seguimiento de su estado. Facilitamos el manejo de pedidos para los distribuidores al simplificar los estados de los pedidos y añadir un historial de comunicación con los gestores, entre otros.
Desarrollo de
versión adaptativa
La versión móvil es un atributo indispensable para un sitio exitoso. Por ello, trabajamos cuidadosamente en las versiones adaptativas, haciéndolas cómodas y optimizadas para diversos dispositivos.
Los filtros en la versión móvil están organizados para un manejo práctico con una sola mano. Tuvimos en cuenta las particularidades de la interacción de los usuarios con el sitio en diferentes dispositivos, creando interfaces flexibles y claras, cómodas de usar en cualquier situación.
