Priwatt E-Commerce website redesign UI/UX screenshot on a TV display

Priwatt
E-Commerce

Redesign / Design System / System Configurator

Overview screenshot of Priwatt E-Commerce website redesign

Priwatt is one of Germany’s leading providers of "Balkonkraftwerke" (balcony power plants) and plug-and-play solar energy solutions. Following a comprehensive corporate rebranding, the company needed a web experience that reflected their new modern identity.

Client:

Priwatt

Agency:

Twenty Digital

Scope

UX/UI
Design System
No-Code
Development

Duration

May 2024 - Ongoing

Project Goals & Objectives

End-to-End Digital Transformation

To reimagine the entire user journey—from initial homepage engagement to final checkout—by implementing a modern visual language and high-performance UX patterns that drive conversion and brand trust.

Architectural Re-engineering

To overhaul the site’s foundational structure through a comprehensive sitemap audit, turning "heavy," complex service data into a clean, easily searchable environment that guides users to their destination instantly.

Scalable Enterprise Design System

To establish a single source of truth within Figma, translating the brand book into a robust system of standardized components—buttons, grids, and typography—ensuring 100% visual consistency across hundreds of unique pages

Advanced Solar Configurator Integration

To bridge the gap between technical solar engineering and consumer decision-making by developing an intuitive, real-time tool that allows users to design and optimize their own PV systems with professional-grade accuracy.

Developer Readiness & Implementation

To bridge the handoff gap by delivering a high-fidelity, production-ready design package, complete with documented states, responsive behaviors, and technical specifications to ensure a seamless transition to the development phase.

Solutions

Unified Design System Implementation

We are translating the agency’s brand book into a comprehensive Figma Design System. This creates a single source of truth that standardizes components—buttons, grids, and typography—ensuring 100% visual consistency as we scale the site’s high-volume content.

Priwatt unified design system implementation examples
Screenshot of Priwatt E-Commerce mobile interface with unified design system
Screenshot of Priwatt E-Commerce product page UI with unified design system
Priwatt E-Commerce cart or checkout UI element

Advanced Photovoltaic (PV) System Configurator

Developed to bridge the gap between technical solar data and consumer decision-making, this configurator allows users to design, visualize, and optimize their own solar energy systems in real-time. By integrating geospatial data and electrical logic, the tool provides professional-grade accuracy with a consumer-grade interface.

Priwatt Advanced Photovoltaic PV System Configurator interface
Screenshot of Priwatt solar panel configuration tool
Priwatt PV system configurator showing 3D model

Accelerated Design through Modular Systems

I’ve engineered a comprehensive, "Ready-to-Use" Figma framework consisting of pre-configured, high-fidelity sections. By shifting from manual page-building to a modular layout system, I can assemble fully responsive websites in a fraction of the time.

This systematic approach eliminates repetitive tasks, ensuring that every project moves from concept to developer-ready reality with maximum speed and total brand consistency.

Figma framework for modular design systems for rapid website assembly
Modular Figma components for scalable design system
Responsive web design layouts created with modular systems

The Framer Marketing Hub

To empower the marketing team during high-stakes commercial windows like Black Friday, Christmas, and new product launches, we developed a centralized Framer Marketing Hub that transforms seasonal campaigns into a modular, high-performance ecosystem.

By building a comprehensive Design System directly within Framer, we provided a suite of "plug-and-play" components and ready-made layouts—including specialized sections for the "EcoFlow WAVE 3" and "Black Month" promotions—that allow for instant deployment without sacrificing brand integrity.

This system eliminates traditional development bottlenecks, enabling the team to drag, drop, and launch polished, fully responsive landing pages engineered for maximum conversion and rapid sales impact.

Framer Marketing Hub interface for seasonal campaigns and product launches
Framer Marketing Hub with 'EcoFlow WAVE 3' promotion content
Framer Marketing Hub showing 'Black Month' campaign layout

Built with precision. © 2026