info@toimi.pro
¡Gracias!
Hemos recibido tu solicitud y nos pondremos en contacto contigo en breve.
Bien

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.

#

Objetivo global

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.

Alcance del trabajo

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.

#
#
#
#

Análisis previo
al proyecto

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.

#

Estructura del sitio

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.

#

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 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

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.

#

Casos reales. Resultados claros.

Abrir
Ver todos los casos

¡Su solicitud ha sido enviada!

Nos pondremos en contacto contigo pronto para discutir el proyecto.

Cerrar