Im Rahmen meiner Abschlussprüfung als Mediengestalter mit der Fachrichtung Gestaltung und Technik habe ich eine responsive Microsite für den Waldtriathlon entwickelt. Ziel des Projekts war es, die Veranstaltung professionell zu präsentieren, die Teilnehmer zu begeistern und die Werte des Triathlons – Natur, Bewegung und Gemeinschaft – visuell zu vermitteln.

Projektbeschreibung

Der Waldtriathlon findet im Schwarzwald statt und erwartet bis zu 400 Teilnehmer. Die Microsite wurde für den SV Trainingen erstellt, um das Event einheitlich und ansprechend zu bewerben. Die Anforderungen umfassten:

• Ein responsives Design für alle Endgeräte,

• die Einbindung von Logo, Bildmaterial und vorgegebenen Texten,

• sowie die Gestaltung passender Icons für Sportarten und Verpflegungspunkte.

Gestaltungsbegründung

• Seitenaufbau: Der Fokus lag auf einer dynamischen Darstellung, die die Bewegung der Athleten einfängt.

• Farben: Naturnahe Töne (Grün, Blau, Orange) symbolisieren die Disziplinen Schwimmen, Radfahren und Laufen. Die Farbpalette wurde mit UIColors und Adobe Color entwickelt.

• Typografie: Eine Kombination aus der kraftvollen Noka für Überschriften und der modernen Eudoxus Sans für Fließtext sorgt für klare Struktur und Dynamik.

• Bilder & Icons: Schwarz-Weiß-Bilder mit Farbtupfern unterstreichen die Bewegung. Modern gestaltete Icons unterstützen die Navigation und Visualisierung der Inhalte.

• Grafische Elemente: Unschärfe- und gläserne Effekte symbolisieren Bewegung und verleihen der Seite eine moderne Ästhetik.

Moodboard

Technische Umsetzung

Die Microsite wurde mit HTML5, CSS3 und JavaScript realisiert, unter Anwendung von "Progressive Enhancement" für optimale Nutzerfreundlichkeit. Der Arbeitsablauf umfasste:

• Einrichtung der Entwicklungsumgebung,

• Erstellung eines responsiven HTML-Grundgerüsts,

• CSS-Styling und Integration von interaktiven Elementen.

Software: Figma, Photoshop, Illustrator, Visual Studio Code.