Priwatt GmbH
Product Design / Design System
priwatt is a German company revolutionizing the way we think about solar power. They're on a mission to make solar energy accessible, affordable, and user-friendly for everyone. Specializing in DIY (Do-It-Yourself) solar solutions, priwatt empowers homeowners and renters to take control of their energy production and reduce their reliance on traditional energy grids.
1/Creating a design system in Figma.
About Project:
Priwatt is a German company passionate about making solar energy accessible and empowering individuals to reduce their reliance on traditional power grids. They specialize in easy-to-use, plug-and-play solar solutions for homes and businesses.
Problem:
The website design was created in Figma and contained over 40 IDs. The file was constantly growing and changing, but its maintenance and modification required a huge amount of time. The reason for this was that the design was built on frames and groups without using auto layout and components.
Our team was tasked with reducing the time it takes to create new designs.
/01
Implementation of auto layout and components
Using auto layout will automatically adjust design elements to changes in screen size.
Componentization will allow you to unify design elements and simplify their reuse.
/02
Synchronizing the Figma file with the website
The first step was to bring the Figma file in line with the website so that it became a "single source of truth".
/03
Figma file structure optimization
Dividing the file into logical pages and components.
Using clear and concise names for layers and groups.
/04
Implementation of auto layout and components
Using auto layout will automatically adjust design elements to changes in screen size.
Componentization will allow you to unify design elements and simplify their reuse.
/05
Synchronizing the Figma file with the website
The first step was to bring the Figma file in line with the website so that it became a "single source of truth".
/06
Creating custom illustrations
Creating custom illustrations involves designing unique visual elements tailored to a brand's specific needs and identity.
