[ 02 ] UX/UI · Web Design · ML!PA Consulting
ZEREZ
MANAGEMENT
WEB-APP
ZEREZ
MANAGEMENT
WEBAPP

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.

FGW e.V. · ML!PA Consulting
UX/UI PraktikantinUX/UI Intern
10/2023 – 06/2024
ZEREZ Webapp Dashboard — Certificate Management

Prozess & Methoden

Client

FGW e.V. — Fördergesellschaft Windenergie und andere Dezentrale Energien. Eine Non-Profit-Organisation, die seit Jahrzehnten Standards für erneuerbare Energien in Deutschland mitentwickelt.

FGW e.V. — the German support association for wind energy and other decentralised energy sources. A non-profit that has shaped standards for renewable energy in Germany for decades.

Collaboration

Enge Zusammenarbeit mit Stakeholdern aus der Branche und Entwicklern, um sicherzustellen, dass die Plattform sowohl funktional als auch nutzerzentriert ist.

Close collaboration with industry stakeholders and developers to ensure the platform is both functional and user-centred.

Deliverables
Atomic Design System Curated Animation Design Design System Maintenance Wireframing Prototyping Iterative Testing User Stories User Flows UI Component Refinement User Research
Tools
Figma Figjam Miro Adobe Creative Suite Microsoft Office LottieFiles Adobe Suite Cloud
Mein Beitrag
  • →  Pflege und Weiterentwicklung des Atomic Design Systems
  • →  Maintaining and evolving the atomic design system
  • →  User Research und Interviews mit Stakeholdern
  • →  User research and stakeholder interviews
  • →  Wireframes, Prototypen und iterative Tests in Figma
  • →  Wireframes, prototypes and iterative testing in Figma
  • →  Visualisierung der User Flows in FigJam und Miro
  • →  Visualising user flows in FigJam and Miro
  • →  Animations-Kuration mit LottieFiles für die Webapp
  • →  Curating animations with LottieFiles for the webapp
  • →  Entwurf des Landing Page Banners in mehreren Iterationen
  • →  Designing the landing page banner across multiple iterations
  • →  Enge Abstimmung mit Entwicklern für die Implementierung
  • →  Close coordination with developers for implementation
Zerez — Web Applikation / Kontext

Zertifizierung für Erneuerbare EnergienCertification for Renewable Energy

FGW e.V. — die Fördergesellschaft Windenergie und andere Dezentrale Energien — benötigte eine zentrale Plattform für die Zertifizierung von Anlagen und Komponenten im Bereich erneuerbarer Energien. Mit den neuen EU-Verordnungen ab Februar 2025 mussten Hersteller, zertifizierende Stellen und Netzbetreiber ihre Zertifikate digital verwalten und prüfen können.

FGW e.V. — the German support organisation for wind energy and other decentralised energy sources — needed a central platform for certifying installations and components in the renewable energy sector. With the new EU regulations taking effect in February 2025, manufacturers, certifying bodies and grid operators had to manage and validate their certificates digitally.

ZEREZ Webapp — Zertifikatsmanagement Übersicht
AusgangslageStarting point

HerausforderungChallenge

Solaranlagen und Windkraftwerke müssen strenge technische und regulatorische Standards erfüllen, um Sicherheit, Effizienz und Netzkompatibilität zu gewährleisten. Zertifikate spielen dabei eine zentrale Rolle und stellen sicher, dass Produkte und Komponenten die Anforderungen für die Integration in Energienetze erfüllen.

Solar installations and wind power plants must meet strict technical and regulatory standards to ensure safety, efficiency and grid compatibility. Certificates play a central role, verifying that products and components meet the requirements for integration into energy networks.

ZEREZ Upload Certificate — Detailansicht
ProzessProcess

Solaranlagen und Windkraftwerke müssen strenge technische und regulatorische Standards erfüllen, um Sicherheit, Effizienz und Netzkompatibilität zu gewährleisten. Zertifikate spielen dabei eine zentrale Rolle und stellen sicher, dass Produkte und Komponenten die Anforderungen für die Integration in Energienetze erfüllen.

We analysed requirements through stakeholder interviews, built iterative prototypes and focused on automating manual certificate workflows to reduce administrative overhead significantly.

LösungSolution

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 Takeaway

Die 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.

ZEREZ — LANDING PAGE VISUAL

Solarenergie in Szene setzenStaging Solar Energy

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.

Ausgangspunkt: Platzhalterbild bestehend aus Stockphoto

Starting point: placeholder built from stock photography

Ausgangspunkt: Platzhalterbild für die ZEREZ Landing Page
Auswahl der EntwürfeDesign selection

HerausforderungChallenge

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.

ProzessProcess

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.

LösungSolution

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.

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.

ZEREZ Landing Page Banner — Entwurf A: Mit Verlauf, Sonne und Himmel, Windenergie, Solarpanel abstrakt und technisch
ZEREZ Landing Page Banner — Entwurf B: Illustrativ, verspielt, Wind und Sonnenenergie dargestellt

Entwurf B:
Illustrativ, verspielt, Wind und Sonnenenergie dargestellt.

Draft B:
Illustrative, playful, wind and solar energy depicted.

Key Takeaway

Die 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.

06
MONATE06
MONTHS

Bei ML!PA Consulting war ich von Oktober 2023 bis Juni 2024 — mit Unterbrechungen durch Prüfungsphasen — als UX/UI-Praktikantin tätig. Mein allgemeiner Aufgabenbereich umfasste Research, das Atomic Design System sowie Landing-Page-Banner. ZEREZ war eines der Kundenprojekte, an dem ich in einem zweiköpfigen UX/UI-Team unterstützend mitgewirkt habe. Der Kunde hat das Projekt zunächst gestoppt — aktuell ist ausschließlich die Funktion des Zertifikatsmanagements live, die im Projekt entwickelten Designentwürfe wurden bislang nicht in die Plattform übernommen.

I worked at ML!PA Consulting as a UX/UI intern from October 2023 to June 2024 — with breaks for exam periods. My general remit covered research, the atomic design system and landing page banners. ZEREZ was one of the client projects where I contributed in a two-person UX/UI team. The client paused the project for now — currently only the certificate management functionality is live; the designs developed during the project have not yet been adopted into the platform.

← Vorheriges Projekt — Zalando Outlet← Previous project — Zalando Outlet Zurück zum Portfolio →Back to portfolio →