Zondatec

Zondatec

Zondatec

Overview

Overview

The goal was to modernize the site’s interface while improving navigation for both corporate clients and everyday users. I focused on creating a clean, responsive layout that reflects Zondatec’s tech-forward vision, while also making content more accessible and user flows more intuitive.

Software

Software

Figma

Photoshop

Miro

Role

Role

UI Designer

Overview

Overview

The goal was to modernize the site’s interface while improving navigation for both corporate clients and everyday users. I focused on creating a clean, responsive layout that reflects Zondatec’s tech-forward vision, while also making content more accessible and user flows more intuitive.

Software

Software

Figma

Photoshop

Miro

Role

Role

UI Designer

The Redesign

The Redesign

A premium digital gateway that redefines Zondatec’s presence in the automotive sales and services sector. Unlike the standard, cluttered layouts of traditional dealerships, this UI uses a cinematic, high-contrast aesthetic to position the brand as a leader in innovation. It’s not just a website; it’s an immersive environment designed to bridge the gap between heavy-duty engineering and sophisticated digital interaction.

The Execution

The Execution

The focus was on visual storytelling and intuitive hierarchy. By utilizing a bold, dark theme paired with sharp typography, I’ve created a "tech-forward" atmosphere that emphasizes both scale and precision. I streamlined the user flow—moving from high-level brand trust (partner logos and stats) to direct engagement (video content and CTA)—ensuring that whether a corporate client is looking for a fleet or an individual is seeking service, the path is clear and frictionless.

Key Decisions

Key Decisions

A dark, high-contrast direction: I moved the brand to a dark theme with neon accents so Zondatec reads as an automotive innovator rather than a service shop, and so the vehicle photography carries each page.

  • Trust signals up front: I placed partner logos (Sinotruk, Shantui and others) and the 10K+ customers stat right under the hero, so fleet buyers see credibility before they scroll.

  • One clear next step: Each section ends in a single primary action, like the pill-shaped “Explore products” button, and the navigation stays minimal so both corporate clients and individual customers find their path quickly.

  • Room to breathe: I paired heavy machinery imagery with generous spacing and a clean sans-serif type system, so the site feels premium instead of crowded.

Create a free website with Framer, the website builder loved by startups, designers and agencies.