Zaptec
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 0 0 L 23 0 L 23 23 L 0 23 Z M 3.803 9.997 L 22.5 0.5 L 12.682 9.426 L 19.136 13.003 L 0.5 22.5 L 10.258 13.574 Z M 18.5 19.5 C 18.5 18.948 18.948 18.5 19.5 18.5 C 20.052 18.5 20.5 18.948 20.5 19.5 C 20.5 20.052 20.052 20.5 19.5 20.5 C 18.948 20.5 18.5 20.052 18.5 19.5 Z M 15.5 19.5 C 15.5 18.948 15.948 18.5 16.5 18.5 C 17.052 18.5 17.5 18.948 17.5 19.5 C 17.5 20.052 17.052 20.5 16.5 20.5 C 15.948 20.5 15.5 20.052 15.5 19.5 Z" fill="transparent" height="23px" id="XplUFOoan" transform="translate(0.5 0.5)" width="23px"><path d="M 0 0 L 23 0 L 23 23 L 0 23 Z" fill="transparent" height="23px" id="IKnsWZCWK" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(255, 61, 0)" width="23px"/><path d="M 3.303 9.497 L 22 0 L 12.182 8.926 L 18.636 12.503 L 0 22 L 9.758 13.074 Z" fill="rgb(255, 61, 0)" height="22px" id="hRv163MyP" transform="translate(0.5 0.5)" width="22px"/><path d="M 0 1 C 0 0.448 0.448 0 1 0 C 1.552 0 2 0.448 2 1 C 2 1.552 1.552 2 1 2 C 0.448 2 0 1.552 0 1 Z" fill="rgb(255, 61, 0)" height="2px" id="I_6GezLo9" transform="translate(18.5 18.5)" width="2px"/><path d="M 0 1 C 0 0.448 0.448 0 1 0 C 1.552 0 2 0.448 2 1 C 2 1.552 1.552 2 1 2 C 0.448 2 0 1.552 0 1 Z" fill="rgb(255, 61, 0)" height="2px" id="NmTlSqh77" transform="translate(15.5 18.5)" width="2px"/></g></svg>)
(2023)
(0)
KPI
Awwwards Site Of The Day
CSSDA Website Of The Day
9 countries
(1)
Brand
Scandinavian minimalism
Zaptec’s identity is deeply rooted in Norwegian design culture: functional, understated, and deliberately simple. The redesign embraces this heritage, using clarity and restraint as core principles rather than decorative choices. The goal was to let the brand’s values - sustainability, precision, and trust - surface naturally through the interface.
Zaptec’s identity is deeply rooted in Norwegian design culture: functional, understated, and deliberately simple. The redesign embraces this heritage, using clarity and restraint as core principles rather than decorative choices. The goal was to let the brand’s values - sustainability, precision, and trust - surface naturally through the interface.
Zaptec’s identity is deeply rooted in Norwegian design culture: functional, understated, and deliberately simple. The redesign embraces this heritage, using clarity and restraint as core principles rather than decorative choices. The goal was to let the brand’s values - sustainability, precision, and trust - surface naturally through the interface.
A dedicated timeline page extends this narrative. Instead of overwhelming users with corporate history, the experience highlights key milestones that shaped the company’s evolution. This serves as a brand anchor, offering context to Zaptec’s position as a pioneer in EV charging. Subtle motion, large breathing spaces, and a focus on essential information reinforce the sense of a brand that values purpose over noise.
A dedicated timeline page extends this narrative. Instead of overwhelming users with corporate history, the experience highlights key milestones that shaped the company’s evolution. This serves as a brand anchor, offering context to Zaptec’s position as a pioneer in EV charging. Subtle motion, large breathing spaces, and a focus on essential information reinforce the sense of a brand that values purpose over noise.
A dedicated timeline page extends this narrative. Instead of overwhelming users with corporate history, the experience highlights key milestones that shaped the company’s evolution. This serves as a brand anchor, offering context to Zaptec’s position as a pioneer in EV charging. Subtle motion, large breathing spaces, and a focus on essential information reinforce the sense of a brand that values purpose over noise.
(2)
Product focus
Get Zaptec
A central ambition of the redesign was to give equal visibility to Zaptec’s two flagship products: Zaptec Go, built for households, and Zaptec Pro, designed for professional environments. Their differences are clear, but their shared design excellence is a core part of Zaptec’s reputation. To articulate both, the website relies on product-first storytelling supported by interactive 3D models that respond to user input, rotating with the cursor and switching colors instantly. The experience brings a tactile dimension to digital browsing, bridging the gap between physical hardware and online exploration.
A central ambition of the redesign was to give equal visibility to Zaptec’s two flagship products: Zaptec Go, built for households, and Zaptec Pro, designed for professional environments. Their differences are clear, but their shared design excellence is a core part of Zaptec’s reputation. To articulate both, the website relies on product-first storytelling supported by interactive 3D models that respond to user input, rotating with the cursor and switching colors instantly. The experience brings a tactile dimension to digital browsing, bridging the gap between physical hardware and online exploration.
A central ambition of the redesign was to give equal visibility to Zaptec’s two flagship products: Zaptec Go, built for households, and Zaptec Pro, designed for professional environments. Their differences are clear, but their shared design excellence is a core part of Zaptec’s reputation. To articulate both, the website relies on product-first storytelling supported by interactive 3D models that respond to user input, rotating with the cursor and switching colors instantly. The experience brings a tactile dimension to digital browsing, bridging the gap between physical hardware and online exploration.
The Get Zaptec guide acts as both an orientation tool and a conversion engine. It helps users determine which product fits their needs, and seamlessly connects them to installers or certified partners through a location-based flow.
The Get Zaptec guide acts as both an orientation tool and a conversion engine. It helps users determine which product fits their needs, and seamlessly connects them to installers or certified partners through a location-based flow.
The Get Zaptec guide acts as both an orientation tool and a conversion engine. It helps users determine which product fits their needs, and seamlessly connects them to installers or certified partners through a location-based flow.
(3)
User centered
Different users, different goals
Zaptec’s audience is diverse: private customers exploring home charging, professionals evaluating large-scale solutions, suppliers, and installers needing practical resources. Addressing all of them required clarifying pathways that were previously fragmented or difficult to locate. The redesign prioritizes clear entry points and purposeful segmentation, ensuring each user type quickly finds the information relevant to their context.
Zaptec’s audience is diverse: private customers exploring home charging, professionals evaluating large-scale solutions, suppliers, and installers needing practical resources. Addressing all of them required clarifying pathways that were previously fragmented or difficult to locate. The redesign prioritizes clear entry points and purposeful segmentation, ensuring each user type quickly finds the information relevant to their context.
Zaptec’s audience is diverse: private customers exploring home charging, professionals evaluating large-scale solutions, suppliers, and installers needing practical resources. Addressing all of them required clarifying pathways that were previously fragmented or difficult to locate. The redesign prioritizes clear entry points and purposeful segmentation, ensuring each user type quickly finds the information relevant to their context.
This approach is rooted in UX logic but also tied to business outcomes. For Zaptec, supporting partners is essential to maintaining the quality of installation and the reach of their products. Likewise, simplifying the journey for end customers directly impacts conversion and trust. Presenting technical content in a digestible way - without diluting accuracy - was a core challenge, met through structured layouts, progressive disclosure, and consistent information patterns.
This approach is rooted in UX logic but also tied to business outcomes. For Zaptec, supporting partners is essential to maintaining the quality of installation and the reach of their products. Likewise, simplifying the journey for end customers directly impacts conversion and trust. Presenting technical content in a digestible way - without diluting accuracy - was a core challenge, met through structured layouts, progressive disclosure, and consistent information patterns.
This approach is rooted in UX logic but also tied to business outcomes. For Zaptec, supporting partners is essential to maintaining the quality of installation and the reach of their products. Likewise, simplifying the journey for end customers directly impacts conversion and trust. Presenting technical content in a digestible way - without diluting accuracy - was a core challenge, met through structured layouts, progressive disclosure, and consistent information patterns.
By rethinking navigation, hierarchy, and content accessibility, the new experience supports every audience with equal clarity, strengthening both the brand and its ecosystem.
By rethinking navigation, hierarchy, and content accessibility, the new experience supports every audience with equal clarity, strengthening both the brand and its ecosystem.
By rethinking navigation, hierarchy, and content accessibility, the new experience supports every audience with equal clarity, strengthening both the brand and its ecosystem.
(4)
Credits
Design
Design
Design
Development
Development
Development
Project management
Project management
Project management
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg"><g d="M 0 0 L 160 0 L 160 160 L 0 160 Z M 0 0 L 160 0 L 160 80 L 80 80 L 80 160 L 0 160 Z M 80 160 C 80 115.816 115.816 80 160 80 L 160 160 Z" fill="transparent" height="160px" id="MwgkSCqSr" width="160px"><path d="M 0 0 L 160 0 L 160 160 L 0 160 Z" fill="transparent" height="160px" id="vnRNt0swT" width="160px"/><path d="M 0 0 L 160 0 L 160 80 L 80 80 L 80 160 L 0 160 Z M 80 160 C 80 115.816 115.816 80 160 80 L 160 160 Z" fill="rgb(255, 61, 0)" height="160px" id="M_2ENFmFm" width="160px"/></g></svg>)