Rolle: UI/UX Design · Visual Design · Art Direction · Brand Experience
Überblick
Verdura Foundation ist eine internationale gemeinnützige Organisation, die sich dem Schutz und der Wiederherstellung vitaler Ökosysteme widmet. Mit Schwerpunkt auf Aufforstung, Schutz von Wäldern, Flüssen und Meeren sowie Community-gestützter Naturschutzarbeit verbindet die Stiftung wissenschaftliche Expertise, praktische Restaurationsprojekte und lokale Empowerment-Programme.
Verdura Foundation ist eine internationale gemeinnützige Organisation, die sich dem Schutz und der Wiederherstellung vitaler Ökosysteme widmet. Mit Schwerpunkt auf Aufforstung, Schutz von Wäldern, Flüssen und Meeren sowie Community-gestützter Naturschutzarbeit verbindet die Stiftung wissenschaftliche Expertise, praktische Restaurationsprojekte und lokale Empowerment-Programme.
Meine Aufgabe war es, eine emotionale, glaubwürdige und ästhetisch hochwertige digitale Präsenz zu schaffen, die die Dringlichkeit des Klimaschutzes mit Hoffnung und konkreten Erfolgen verbindet und Besucher zur aktiven Unterstützung motiviert.
Design Direction
Natural. Clean. Hopeful.
Das Design strahlt Ruhe, Natürlichkeit und Seriosität aus. Die Farbpalette basiert auf tiefem Waldgrün, warmer Erdtönen, hellem Beige und viel Weißraum. Ich habe eine moderne, klare Sans-Serif-Typografie gewählt und bewusst viel Raum für die großformatigen Naturfotografien gelassen. Die Gesamtanmutung ist hochwertig, vertrauensvoll und emotional ansprechend — ohne übertriebene Dramatik.
Natural. Clean. Hopeful.
Das Design strahlt Ruhe, Natürlichkeit und Seriosität aus. Die Farbpalette basiert auf tiefem Waldgrün, warmer Erdtönen, hellem Beige und viel Weißraum. Ich habe eine moderne, klare Sans-Serif-Typografie gewählt und bewusst viel Raum für die großformatigen Naturfotografien gelassen. Die Gesamtanmutung ist hochwertig, vertrauensvoll und emotional ansprechend — ohne übertriebene Dramatik.
Hero Experience
Der Einstieg ist kraftvoll und hoffnungsvoll: eine immersive Waldaufnahme mit einfallendem Licht und der klaren Headline „Healing the Earth together“. Die beiden primären CTAs („Support Our Mission“ und „Learn More“) sind prominent platziert und laden direkt zum Handeln ein.
Der Einstieg ist kraftvoll und hoffnungsvoll: eine immersive Waldaufnahme mit einfallendem Licht und der klaren Headline „Healing the Earth together“. Die beiden primären CTAs („Support Our Mission“ und „Learn More“) sind prominent platziert und laden direkt zum Handeln ein.
Inhaltsstruktur & Storytelling
Die Seite ist logisch und emotional durchdacht aufgebaut:
- Our Mission – Klare Darstellung der Vision und Werte
- Our Impact – Starke Kennzahlen (2.340 Hektar restauriert, 184.000 Bäume gepflanzt, 47 Schutzgebiete)
- What We Do – Drei fokussierte Programmbereiche (Forest Restoration, Ocean & River Protection, Community-Led Conservation)
- Stories of Change – Drei authentische Erfolgsgeschichten mit ansprechenden Bildern
- Transparency & Impact – Offene Aufschlüsselung der Mittelverwendung und Verpflichtungen
Die Seite ist logisch und emotional durchdacht aufgebaut:
- Our Mission – Klare Darstellung der Vision und Werte
- Our Impact – Starke Kennzahlen (2.340 Hektar restauriert, 184.000 Bäume gepflanzt, 47 Schutzgebiete)
- What We Do – Drei fokussierte Programmbereiche (Forest Restoration, Ocean & River Protection, Community-Led Conservation)
- Stories of Change – Drei authentische Erfolgsgeschichten mit ansprechenden Bildern
- Transparency & Impact – Offene Aufschlüsselung der Mittelverwendung und Verpflichtungen
UI & UX
Die Nutzerführung ist bewusst übersichtlich, vertrauensbildend und auf Conversion optimiert (Spenden & Newsletter). Die Navigation bleibt dezent, während große Bilder und klare Abschnitte die Inhalte gut lesbar machen. Besonders gelungen ist die Balance zwischen emotionaler Bildsprache und sachlicher Transparenz — ein wichtiger Aspekt für seriöse Non-Profit-Organisationen.
Die Nutzerführung ist bewusst übersichtlich, vertrauensbildend und auf Conversion optimiert (Spenden & Newsletter). Die Navigation bleibt dezent, während große Bilder und klare Abschnitte die Inhalte gut lesbar machen. Besonders gelungen ist die Balance zwischen emotionaler Bildsprache und sachlicher Transparenz — ein wichtiger Aspekt für seriöse Non-Profit-Organisationen.
Technische Umsetzung
- Vollständig responsives Design mit optimierter Mobile Experience
- Durchgängiges Design System (Farbtokens, Typografie, Komponenten, Grid)
- Hohe Bildqualität und schnelle Ladezeiten
- Detaillierte Design-Übergabe mit Styleguide und Interaktionsbeschreibungen
- Vollständig responsives Design mit optimierter Mobile Experience
- Durchgängiges Design System (Farbtokens, Typografie, Komponenten, Grid)
- Hohe Bildqualität und schnelle Ladezeiten
- Detaillierte Design-Übergabe mit Styleguide und Interaktionsbeschreibungen
Tools
Figma · Adobe XD · Adobe Illustrator · Adobe Photoshop
Figma · Adobe XD · Adobe Illustrator · Adobe Photoshop
Ergebnis
Es entstand eine ästhetisch ruhige, emotionale und sehr vertrauenswürdige Landing Page, die die Mission von Verdura Foundation authentisch transportiert. Die Seite weckt nicht nur Bewusstsein, sondern motiviert Besucher aktiv zur Unterstützung — durch eine gelungene Kombination aus Hoffnung, Transparenz und starker visueller Qualität.
Es entstand eine ästhetisch ruhige, emotionale und sehr vertrauenswürdige Landing Page, die die Mission von Verdura Foundation authentisch transportiert. Die Seite weckt nicht nur Bewusstsein, sondern motiviert Besucher aktiv zur Unterstützung — durch eine gelungene Kombination aus Hoffnung, Transparenz und starker visueller Qualität.
