Mozak Innovative

Mozak Innovative desarrolla soluciones de ingeniería y tecnología para aplicaciones industriales y energéticas. Su sitio presenta cuatro familias de productos: una planta solar modular, pórticos de instrucción para caminos y áreas de tronadura, seguimiento de personal en tiempo real y control de acceso autónomo.

Cada familia trae su propio vocabulario técnico: capacidad instalada, conectividad, autonomía, sensores y cámaras. Con productos tan distintos, un lenguaje visual consistente y una estructura de producto predecible son lo que permite leerlos como una sola empresa.

En el sitio, la identidad se convierte en un sistema de trabajo. Los títulos de sección usan mayúsculas condensadas divididas entre el azul y el verde del logotipo, y esos mismos dos colores llenan las tarjetas de producto. Bandas gris claro y gris verdoso separan una sección de la siguiente.

Los trazos redondeados del símbolo reaparecen en contenedores de imagen con forma de píldora y formas orgánicas: fotografías de ingenieros, faenas mineras y energía renovable se recortan en estas formas y se superponen con imágenes recortadas de los productos. Cada familia de productos se describe con íconos técnicos de línea fina en el verde de la marca.

La página avanza desde una presentación corporativa a una vista general de las cuatro familias de productos, dedica una sección a cada familia y cierra con una única llamada a contacto.

Cada sección de producto repite la misma estructura: un título en dos colores, un descriptor de una línea, una composición de imágenes superpuestas y una grilla de características acompañadas de íconos. La imagen cambia de lado de una sección a otra, de modo que el ritmo varía mientras el patrón de lectura se mantiene de un producto a otro.

El proyecto contempló distintas propuestas de diseño web, explorando alternativas para organizar información técnica, imágenes de producto y jerarquías visuales.

Estas capturas corresponden a propuestas diferentes y no representan una comparación responsive de una misma versión.

Además de desarrollar la identidad corporativa y diseñar la experiencia web, implementé el frontend y realicé la integración con WordPress, llevando la propuesta visual a una experiencia digital funcional.

El sitio está publicado en mozakinv.cl. Los archivos de producción del proyecto incluyen el logotipo en SVG para la cabecera y el pie de página, las composiciones de imágenes en forma de píldora exportadas como imágenes independientes y un set de íconos SVG para cada una de las cuatro familias de productos.

La identidad y el sitio web de Mozak comparten un mismo lenguaje visual. Los colores, las mayúsculas condensadas y las formas redondeadas del logotipo recorren cada sección del sitio, mientras que una estructura de sección repetida permite que cuatro tecnologías muy distintas convivan como una sola empresa.

La identidad define el lenguaje; el sitio web lo pone a trabajar.