Projektmanagerin für Webentwicklung & Digital Marketing

11/2025 – 2/2026

Der Kunde stellte eine große Menge an textbasiertem Content zur Verfügung, der strukturiert und verständlich auf der Website dargestellt werden musste.
Ziel war es, ein Design zu entwickeln, das eine einfache Wahrnehmung der Inhalte ermöglicht und modernen UX-Prinzipien entspricht.

Wir entwickelten ein individuelles Design auf Basis von Brixies-Komponenten, angepasst an den visuellen Stil des Projekts, und setzten die Website vollständig mit WordPress und dem Bricks Builder um.

Projektphasen
- Analyse und Strukturierung umfangreicher Inhalte
- Entwicklung eines Designs mit Fokus auf Lesbarkeit und klare Informationshierarchie
- Anpassung der Komponenten an ein individuelles UI
- Vollständige Umsetzung und Frontend-Entwicklung der Website
- Einrichtung und Integration von Formularen
- Einbindung von Dokumenten zum Download

Kernfunktionen
- Benutzerfreundliche Navigation für umfangreiche Textinhalte
- Formularvalidierung mit korrekter Datenverarbeitung
- Interaktive Elemente und Scroll-Animationen
- Optimierte Seitenstruktur für unterschiedliche Content-Typen
- Responsive Design für Mobile und Tablets

Ergebnis
Eine Website mit klarer Struktur und durchdachtem UX-Design, die es Nutzern ermöglicht, große Informationsmengen leicht zu erfassen, mit Inhalten zu interagieren und relevante Materialien schnell zu finden.

WordPress, CSS (Cascading Style Sheet), Figma, Frontend Entwickler, HTML5, JavaScript, JavaScript-Entwickler, Kommunikation (allg.), Management (allg.), Responsive Webdesign, SVG (Scalable Vector Graphics), Usability Testing, UX / UI Designer, Webdesign

8/2025 – 10/2025

Die Aufgabe bestand darin, eine bestehende Website zu modernisieren, ohne ein neues Design zu entwickeln. Ziel war es, den aktuellen visuellen Stil und den bestehenden Content beizubehalten, gleichzeitig jedoch das Projekt auf ein modernes und flexibles System zu übertragen.
Die Website wurde vollständig neu aufgebaut, unter Verwendung vorgefertigter Komponenten aus der Brixies Library. Dadurch konnte die Wiedererkennbarkeit der Marke erhalten bleiben, während Funktionalität und Wartbarkeit deutlich verbessert wurden.

Projektphasen
- Analyse der bestehenden Website und Content-Struktur
- Übertragung und Anpassung des Designs ohne Veränderung des visuellen Konzepts
- Aufbau der Seiten mit einem komponentenbasierten Ansatz
- Entwicklung von mehrstufigen Formularen
- Einrichtung von Kontaktformularen
- Integration eines CRM-Systems (Pipedrive)
- Implementierung neuer Lead-Management-Prozesse

Key Features
- Beibehaltung des Designs bei gleichzeitiger Verbesserung der UX
- Interaktive Elemente und Scroll-Animationen
- Komplexe mehrstufige Formulare mit Logik und Übergängen
- Automatische Datenübertragung an das CRM-System
- Individuelle Lead-Verarbeitungsprozesse
- Verbesserte Benutzerfreundlichkeit für die Content-Verwaltung

Ergebnis
Eine modernisierte Website mit unverändertem visuellen Erscheinungsbild, jedoch deutlich verbesserter Funktionalität, Flexibilität und Benutzerfreundlichkeit.

JavaScript-Entwickler, CSS (Cascading Style Sheet), HTML5, JavaScript, UX / UI Designer, Technisches Testing, Responsive Webdesign, Webdesign, Animationssoftware (allg.), WordPress, Performance Management, Management (allg.)

10/2024 – 3/2025

Wir entwickelten ein interaktives Weberlebnis auf Basis einer klickbaren Karte mit 14 Punkten. Jeder Punkt öffnet eine eigenständige animierte Szene, die verschiedene Energiequellen und deren Zusammenspiel innerhalb eines Systems visuell darstellt.

Hauptfunktionalitäten
- Interaktive Karte mit 14 Szenarien (Punkte 1–14)
- Modales Fenster mit Zoom-in-Effekt für ein immersives Erlebnis
- Sprachumschaltung: Deutsch / Englisch
- Sequenzielle animierte Storylines mit definierter Übergangslogik
- Kontinuierliche Animationszyklen (Loop)
- Responsive Darstellung für verschiedene Endgeräte

Animationen und visuelle Logik

Alle Szenen basieren auf SVG-Animationen mit präziser Steuerung von Timing und Abläufen. Dabei wurden mehrere Animationstypen gleichzeitig synchronisiert:

- Natürliche Effekte: Bewegung von Wasser, Wolken, Sonne und Wind
- Objektverhalten: Rotation von Windrädern, Funktion von Solarpanels
- Energieindikatoren: dynamische Balken/Elemente mit Farb- und Statusänderungen
- UI-Elemente: animierter Wechsel von Icons (Wind / Wasser / Sonne) mit Skalierungseffekten

Beispiel eines Animationsszenarios

Ein Szenario umfasst folgende Abfolge:

- gleichzeitige Bewegung mehrerer Elemente (Wasser, Fisch, Dampf)
- Veränderung der Wetterbedingungen (Wolken, Wind, Sonne)
- Aktivierung verschiedener Energiequellen (Wind → Wasser → Sonne)
- dynamische Veränderung der Energieindikatoren (Farbwechsel: hellblau / blau / grün)
- sequenzieller Wechsel zwischen Energiequellen
- finale synchronisierte Animation aller Elemente mit wiederholendem Zyklus

Ergebnis

Das Ergebnis ist ein interaktives und visuell ansprechendes Nutzererlebnis, das komplexe Prozesse der Energieerzeugung durch animierte Geschichten verständlich und intuitiv vermittelt.

Animationssoftware (allg.), CSS (Cascading Style Sheet), HTML5, JavaScript, JavaScript-Entwickler, Management (allg.), Performance Management, Responsive Webdesign, SVG (Scalable Vector Graphics), Technisches Testing