Mozak Innovative

Mozak Innovative develops engineering and technology solutions for industrial and energy-related applications. Its website presents four product families: a modular solar power plant, instruction gantries for roads and blasting areas, real-time personnel tracking and autonomous access control.

Each family comes with its own technical vocabulary — installed capacity, connectivity, autonomy, sensors and cameras. With products this different, a consistent visual language and a predictable product structure are what let them read as one company.

On the website, the identity becomes a working system. Section headings use condensed capitals split into the logo’s blue and green, and the same two colours fill the product cards. Light grey and pale green-grey bands separate one section from the next.

The rounded strokes of the mark are echoed in pill-shaped and organic image containers: photographs of engineers, mining sites and renewable energy are cut into these shapes and layered with cut-out product images. Each product family is described with thin-line technical icons in the brand green.

The page moves from a corporate introduction to an overview of the four product families, gives each family its own section, and closes with a single contact call to action.

Every product section repeats the same structure: a two-colour heading, a one-line descriptor, a layered image composition and a grid of icon-led features. The image changes sides from one section to the next, so the rhythm varies while the reading pattern stays the same from product to product.

The project included different website design proposals, exploring alternative ways to organize technical information, product imagery and visual hierarchy.

These screenshots document distinct design directions rather than a direct desktop-to-mobile comparison of the same version.

Beyond creating the brand identity and website design, I developed the frontend and implemented the website in WordPress, translating the visual direction into a functional digital experience.

The website is live at mozakinv.cl. The project’s production files include the logo as SVG for the header and footer, the pill-shaped image compositions exported as separate images, and an SVG icon set for each of the four product families.

Mozak’s identity and website share one visual language. The colours, condensed capitals and rounded forms of the logo carry through every section of the site, while a repeated section structure lets four very different technologies sit side by side as one company.

The identity defines the language; the website puts it to work.