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
Hacer el sitio web más fácil de usar y desarrollar un catálogo conveniente con navegación fluida y diseño moderno — acercando la plataforma a los estándares profesionales de UX/UI.
Realizamos un análisis extenso de la empresa y su entorno empresarial; actualizamos el sistema de diseño de la marca; desarrollamos la estructura del sitio web, incluyendo cuentas personales y un amplio catálogo de productos y servicios; implementamos funciones especializadas, típicas de sitios web corporativos avanzados.
Realizamos un análisis preliminar exhaustivo, estudiando más de 40 sitios web de competidores para identificar sus fortalezas e investigar aspectos de UI/UX. Esta etapa reflejó el enfoque que aplicamos en nuestra auditoría UX/UI, permitiéndonos aislar los patrones de interacción más efectivos y utilizarlos en los prototipos. Esto nos ayudó a destacar las soluciones más efectivas y utilizarlas en nuestros prototipos. Por lo tanto, nuestro enfoque se centró en crear un producto de calidad y fácil de usar que satisficiera todas las necesidades y expectativas de los usuarios.
Repensamos completamente la estructura existente del sitio web. Cada página fue cuidadosamente trabajada y se volvió más conveniente y accesible — parte de una arquitectura más amplia, comúnmente encontrada en proyectos complejos de desarrollo de servicios online.
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.
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.
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.
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.
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.
Integramos la funcionalidad de pedidos no solo por piezas, sino también en palés (m²). Esta solución no estándar requirió lógica personalizada y refleja el nivel de desarrollo típico de procesos confiables de desarrollo de cuentas personales para clientes industriales.
Piece
Pallet
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.
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.
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.