Kreatywni bez granic (Kreative ohne Grenzen)

Webdesign & Frontend-Entwicklung für die Wrocławska Fundacja Filmowa

Für das polnisch-tschechische Kulturprojekt Kreatywni bez granic der Wrocławska Fundacja Filmowa entwickelte ich eine zweisprachige Website - von der Gestaltung bis zur Umsetzung. Die Grundlage bildete ein auffälliges Veranstaltungsplakat, gestaltet von einer externen Grafikdesignerin. Es kombinierte bunte Emojis mit vielen unterschiedlichen Schriftarten - visuell stark, aber herausfordernd im digitalen Kontext.

Die Aufgabe

bestand darin, diese komplexe grafische Sprache in eine funktionale, benutzerfreundliche Weboberfläche zu übersetzen. In Figma entwickelte ich ein responsives Webdesign, das die visuelle Identität des Posters aufgreift, aber durch Struktur, Lesbarkeit und Interaktivität ergänzt. Anschließend programmierte ich die Seite mit HTML, CSS und JavaScript.

Typografie – kreativ, aber anspruchsvoll

Die Schriftarten waren vom Plakat vorgegeben und sollten übernommen werden - ein bewusster Bruch mit klassischen typografischen Konventionen. Gerade diese Vorgabe bot gestalterischen Spielraum:

  • Cal Sans (Regular) für Fließtexte - modern, geometrisch und gut lesbar, ideal zur Stabilisierung des visuellen Gesamteindrucks.

  • Anton für Headlines - kraftvoll und plakativ, zieht Aufmerksamkeit und spricht eine vielfältige Zielgruppe an.

  • Young Serif für Untertitel - verleiht Wärme und bringt ruhige Kontraste zur dominanten Sans-Serif-Nutzung.

  • Bricolage Grotesque (Uppercase) für Videobeschreibungen - spielerisch und expressiv, ideal für kleine Akzente.

Farb- und Interaktionselemente

Die kräftigen, lebendigen Farben - ebenfalls vom Poster inspiriert - erzeugen eine positive, kreative Atmosphäre. Um Performance und Dynamik zu gewährleisten, wurden sie als SVG-Farbflächen umgesetzt. Weitere Features:

  • SVG-Kreise animieren sich beim Laden der Seite

  • Hover-Effekte in Navigation, Footer und Galerie

  • Slider-Galerie mit Farbwechseln beim Hover

  • Zweisprachigkeit (PL/CZ) und voll responsive auf allen Geräten.

Skills

  • UI/UX mit Figma auf Basis externer CI-Vorgaben

  • Frontend mit HTML, CSS, JavaScript

  • Typografische Integration komplexer Vorgaben

  • Responsive Design & Performanceoptimierung

  • Zusammenarbeit mit Kunden & Designteam

Weiter

Designsystem, Prototypes & Webdesign