Zerez
UX / UI · Web Design · ML!PA Consulting
Eine Webapp für zentrales Zertifikatsmanagement, entwickelt für FGW e.V. - eine Organisation für erneuerbare Energien. Die Plattform sorgt für Compliance mit den neuen Verordnungen ab Februar 2025.
A webapp for centralised certificate management, built for FGW e.V. - an organisation supporting renewable energy projects. The platform ensures compliance with the new regulations coming into effect in February 2025.
Deliverables
Tools
Challenge
Zertifizierung für erneuerbare Energien
Certification for renewable energy
FGW e.V. - Fördergesellschaft Windenergie und andere Dezentrale Energien - entwickelt seit Jahrzehnten Standards für erneuerbare Energien in Deutschland mit. Solaranlagen und Windkraftwerke müssen strenge technische und regulatorische Standards erfüllen, um Sicherheit, Effizienz und Netzkompatibilität zu gewährleisten.
FGW e.V. - the German support organisation for wind energy and other decentralised energy sources - has shaped standards for renewable energy in Germany for decades. Solar installations and wind power plants must meet strict technical and regulatory standards to ensure safety, efficiency and grid compatibility.
Goal
UX-Prozess verbessern
Enhance the UX process
Wir analysierten Anforderungen durch Stakeholder-Interviews, bauten iterative Prototypen und fokussierten uns auf die Automatisierung manueller Zertifikats-Workflows, um den administrativen Aufwand deutlich zu senken.
We analysed requirements through stakeholder interviews, built iterative prototypes and focused on automating manual certificate workflows to reduce administrative overhead significantly.
Result
Effizientes Zertifikatsmanagement
Efficient certificate management
Eine nutzerfreundliche Webapp für Zertifikatsmanagement: Zertifikate werden zentral gespeichert, Fristen und Erneuerungen automatisch überwacht, Fehler durch klare Workflows minimiert. Das Ergebnis ist ein effizientes, transparentes System, das Zeit spart und die Organisation verbessert.
A user-friendly webapp for certificate management: certificates stored centrally, deadlines tracked automatically, errors minimised through clear workflows - an efficient, transparent system that saves time.
Key TakeawayDie Zusammenarbeit mit dem Senior UX/UI Designer hat meinen Blick auf nutzerzentriertes Design geschärft. Durch die Arbeit an User Flows, Prototypen und Figma-Entwürfen lernte ich, UX-Entscheidungen kritisch zu hinterfragen, unterschiedliche Lösungsansätze zu bewerten und Anforderungen verständlich für die Entwicklung zu dokumentieren.
Working alongside the senior UX/UI designer sharpened my eye for user-centred design. Through user flows, prototypes and Figma work I learned to question UX decisions critically, evaluate different solutions and document requirements clearly for development.
Landingpage Design für Zerez
Landing Page Design for Zerez
Während der Entwicklungsphase wurde für die Landing Page zunächst ein Platzhalterbild eingesetzt. Mit zunehmender Reife des Produkts entstand der Bedarf nach einer eigenständigen visuellen Lösung, die die Themen Solar- und Windenergie professionell kommuniziert.
During the development phase the landing page initially used a placeholder image. As the product matured, a need arose for an independent visual solution that communicates solar and wind energy topics professionally.
Challenge
Solarenergie in Szene setzen
Staging solar energy
Ziel war es, den Platzhalter durch ein individuelles Banner zu ersetzen, das Solar- und Windenergie sichtbar macht und gleichzeitig einen professionellen, vertrauenswürdigen Eindruck vermittelt. Die Herausforderung bestand darin, moderne Gestaltung einzusetzen, ohne auf generische Stockmotive oder technisch überladene Visuals zurückzugreifen.
The goal was to replace the placeholder with an individual banner that makes solar and wind energy visible while conveying a professional, trustworthy impression - without falling back on generic stock motifs or technically overloaded visuals.
Goal
Eigenständiges Bildkonzept
An independent visual concept
Ich begann mit umfangreicher Recherche zu Branchen-Websites, mit Fokus auf klare visuelle Stile und Farbpaletten. Um die Designs an der Kundenvision auszurichten, erstellte ich mehrere Konzeptentwürfe, jeweils mit unterschiedlicher Interpretation des Themas erneuerbare Energien. Die Entwürfe wurden iterativ auf Basis von Kundenfeedback verfeinert - in enger Abstimmung mit den Entwicklern für eine nahtlose Integration.
I started with extensive research into industry websites, focusing on clean visual styles and colour palettes. To align with the client vision I created multiple concept drafts, each with a different take on renewable energy. The designs were refined iteratively based on client feedback - coordinating closely with developers for seamless integration.
Result
Ein finales Banner-Design
A final banner design
Der finale Banner kombiniert weiche Verläufe mit klaren Vektor-Illustrationen von Solarpanels und Windkraftanlagen. Das Design hebt nicht nur die zentrale Mission der Plattform hervor, sondern strahlt auch eine moderne, einladende Atmosphäre aus, die das Vertrauen in den Service stärkt.
The final banner combines soft gradients with clear vector illustrations of solar panels and wind turbines. It highlights the platform's core mission while projecting a modern, welcoming atmosphere that builds trust in the service.
Key TakeawayDie Arbeit an Konzeptvarianten und deren Abstimmung mit internen Stakeholdern und dem Kunden hat mein Verständnis für kollaborative Designprozesse geschärft. Besonders wertvoll war die Erfahrung, Entwürfe zu präsentieren, Feedback einzuordnen und daraus neue gestalterische Ansätze abzuleiten.
Working on concept variants and aligning them with internal stakeholders and the client deepened my understanding of collaborative design processes. Particularly valuable was the experience of presenting drafts, contextualising feedback and deriving new design directions from it.
Entwurf A:
Mit Verlauf, Sonne und Himmel, Windenergie, Solarpanel abstrakt und technisch.
Draft A:
With gradient, sun and sky, wind energy, solar panel - abstract and technical.
Entwurf B:
Illustrativ, verspielt, Wind und Sonnenenergie dargestellt.
Draft B:
Illustrative, playful, wind and solar energy depicted.
Mit Verlauf, Sonne und Himmel, Windenergie, Solarpanel abstrakt und technisch.
With gradient, sun and sky, wind energy, solar panel - abstract and technical.
Illustrativ, verspielt, Wind und Sonnenenergie dargestellt.
Illustrative, playful, wind and solar energy depicted.