Abschlussprüfung:
Microsite für den Waldtriathlon

Abschlussprüfung:
Microsite für den Waldtriathlon

Abschlussprüfung:
Microsite für den Waldtriathlon

Abschlussprüfung:
Microsite für den Waldtriathlon

Projekttyp:

Projekttyp:

Projekttyp:

Responsive Webdesign

Responsive Webdesign

Responsive Webdesign

Responsive Webdesign

Rolle:

Rolle:

Rolle:

Webdesigner

Webdesigner

Webdesigner

Webdesigner

Kompetenzen:

Kompetenzen:

Kompetenzen:

Adobe Illustrator, Adobe InDesign, Adobe Photoshop,
Figma, Wireframing, Bootstrap, HTML, CSS

Adobe Illustrator, Adobe InDesign,
Adobe Photoshop, Figma,
Wireframing, Bootstrap, HTML, CSS

Adobe Illustrator, Adobe InDesign, Adobe Photoshop,
Figma, Wireframing, Bootstrap, HTML, CSS

Adobe Illustrator, Adobe InDesign,
Adobe Photoshop, Figma,
Wireframing, Bootstrap, HTML, CSS

Projektdauer:

Projektdauer:

Projektdauer:

10 Tage Konzeption,
7 Stunden Umsetzung,
2 Stunden W3-Modul

10 Tage Konzeption,
7 Stunden Umsetzung,
2 Stunden W3-Modul

10 Tage Konzeption,
7 Stunden Umsetzung,
2 Stunden W3-Modul

10 Tage Konzeption,
7 Stunden Umsetzung,
2 Stunden W3-Modul

Im Herzen des Schwarzwalds fordert der Waldtriathlon des SV Trainingen nicht nur Ausdauer und Kraft, sondern weckt die pure Begeisterung für Sport und Natur. Eine responsive Microsite soll dieses einzigartige Event schon vor dem Start digital zum Leben erwecken – mit einem interaktiven Streckenplan und einer benutzerfreundlichen Navigation.

Im Herzen des Schwarzwalds fordert der Waldtriathlon des SV Trainingen nicht nur Ausdauer und Kraft, sondern weckt die pure Begeisterung für Sport und Natur. Eine responsive Microsite soll dieses einzigartige Event schon vor dem Start digital zum Leben erwecken – mit einem interaktiven Streckenplan und einer benutzerfreundlichen Navigation.

Im Herzen des Schwarzwalds fordert der Waldtriathlon des SV Trainingen nicht nur Ausdauer und Kraft, sondern weckt die pure Begeisterung für Sport und Natur. Eine responsive Microsite soll dieses einzigartige Event schon vor dem Start digital zum Leben erwecken – mit einem interaktiven Streckenplan und einer benutzerfreundlichen Navigation.

Im Herzen des Schwarzwalds fordert der Waldtriathlon des SV Trainingen nicht nur Ausdauer und Kraft, sondern weckt die pure Begeisterung für Sport und Natur. Eine responsive Microsite soll dieses einzigartige Event schon vor dem Start digital zum Leben erwecken – mit einem interaktiven Streckenplan und einer benutzerfreundlichen Navigation.

Aufgabenstellung

Aufgabenstellung

Aufgabenstellung

Aufgabenstellung

Im Rahmen der Abschlussprüfung zum Mediengestalter Digital wurde eine responsive Microsite für den Waldtriathlon des SV Trainingen entwickelt. Ziel war es, das Event einheitlich und professionell zu präsentieren sowie eine optimale Benutzererfahrung auf verschiedenen Geräten und Browsern zu gewährleisten – unter Berücksichtigung des Prinzips des „Progressive Enhancement“. Die Umsetzung erfolgte mit HTML und CSS.


Besonderer Fokus lag auf dem interaktiven Streckenplan für größere Endgeräte sowie der gestalterischen Anpassung des Logos an verschiedene Viewports. Die Microsite sollte Funktionalität und ansprechendes Design vereinen, um das Event digital zugänglich und übersichtlich darzustellen. Zusätzlich wurde ein Anmeldeformular für das Event und passende Icons für die jeweiligen Triathlonkategorien gestaltet, wobei die technische Umsetzung der Funktionalität nicht Bestandteil des Projekts war.

Im Rahmen der Abschlussprüfung zum Mediengestalter Digital wurde eine responsive Microsite für den Waldtriathlon des SV Trainingen entwickelt. Ziel war es, das Event einheitlich und professionell zu präsentieren sowie eine optimale Benutzererfahrung auf verschiedenen Geräten und Browsern zu gewährleisten – unter Berücksichtigung des Prinzips des „Progressive Enhancement“. Die Umsetzung erfolgte mit HTML und CSS.


Besonderer Fokus lag auf dem interaktiven Streckenplan für größere Endgeräte sowie der gestalterischen Anpassung des Logos an verschiedene Viewports. Die Microsite sollte Funktionalität und ansprechendes Design vereinen, um das Event digital zugänglich und übersichtlich darzustellen. Zusätzlich wurde ein Anmeldeformular für das Event und passende Icons für die jeweiligen Triathlonkategorien gestaltet, wobei die technische Umsetzung der Funktionalität nicht Bestandteil des Projekts war.

Im Rahmen der Abschlussprüfung zum Mediengestalter Digital wurde eine responsive Microsite für den Waldtriathlon des SV Trainingen entwickelt. Ziel war es, das Event einheitlich und professionell zu präsentieren sowie eine optimale Benutzererfahrung auf verschiedenen Geräten und Browsern zu gewährleisten – unter Berücksichtigung des Prinzips des „Progressive Enhancement“. Die Umsetzung erfolgte mit HTML und CSS.


Besonderer Fokus lag auf dem interaktiven Streckenplan für größere Endgeräte sowie der gestalterischen Anpassung des Logos an verschiedene Viewports. Die Microsite sollte Funktionalität und ansprechendes Design vereinen, um das Event digital zugänglich und übersichtlich darzustellen. Zusätzlich wurde ein Anmeldeformular für das Event und passende Icons für die jeweiligen Triathlonkategorien gestaltet, wobei die technische Umsetzung der Funktionalität nicht Bestandteil des Projekts war.

Im Rahmen der Abschlussprüfung zum Mediengestalter Digital wurde eine responsive Microsite für den Waldtriathlon des SV Trainingen entwickelt. Ziel war es, das Event einheitlich und professionell zu präsentieren sowie eine optimale Benutzererfahrung auf verschiedenen Geräten und Browsern zu gewährleisten – unter Berücksichtigung des Prinzips des „Progressive Enhancement“. Die Umsetzung erfolgte mit HTML und CSS.


Besonderer Fokus lag auf dem interaktiven Streckenplan für größere Endgeräte sowie der gestalterischen Anpassung des Logos an verschiedene Viewports. Die Microsite sollte Funktionalität und ansprechendes Design vereinen, um das Event digital zugänglich und übersichtlich darzustellen. Zusätzlich wurde ein Anmeldeformular für das Event und passende Icons für die jeweiligen Triathlonkategorien gestaltet, wobei die technische Umsetzung der Funktionalität nicht Bestandteil des Projekts war.

Design-Konzept im Überblick

Design-Konzept
im Überblick

Design-Konzept im Überblick

Design-Konzept im Überblick

Gestaltungsergebnisse

Gestaltungs-
ergebnisse

Gestaltungsergebnisse

Gestaltungsergebnisse

Finale Website

Finale Website

Finale Website

Finale Website

Die Verlinkung führt zu einer externen Website, auf der die Microsite live angesehen werden kann. Dabei können Cookies verwendet werden, deren Verwaltung außerhalb meines Einflussbereichs liegt.

Die Verlinkung führt zu einer externen Website, auf der die Microsite live angesehen werden kann. Dabei können Cookies verwendet werden, deren Verwaltung außerhalb meines Einflussbereichs liegt.

Die Verlinkung führt zu einer externen Website, auf der die Microsite live angesehen werden kann. Dabei können Cookies verwendet werden, deren Verwaltung außerhalb meines Einflussbereichs liegt.

Die Verlinkung führt zu einer externen Website, auf der die Microsite live angesehen werden kann. Dabei können Cookies verwendet werden, deren Verwaltung außerhalb meines Einflussbereichs liegt.

W3-Modul: Gestaltung des Anmeldeformulars

W3-Modul: Gestaltung
des Anmeldeformulars

W3-Modul: Gestaltung des Anmeldeformulars

W3-Modul: Gestaltung des Anmeldeformulars

Kreative Impulse gefällig?

Tee in der einen Hand, kreative Ideen in der anderen – das ist mein Rezept für Design. Ob UX/UI, Webdesign oder Print – lass uns gemeinsam etwas kreieren, das sogar den Kaffee in deinem Büro neidisch macht!

Kreative Impulse gefällig?

Tee in der einen Hand, kreative Ideen in der anderen – das ist mein Rezept für Design. Ob UX/UI, Webdesign oder Print – lass uns gemeinsam etwas kreieren, das sogar den Kaffee in deinem Büro neidisch macht!

©

2025

Jessica Bode.

Kreative Impulse gefällig?

Tee in der einen Hand, kreative Ideen in der anderen – das ist mein Rezept für Design. Ob UX/UI, Webdesign oder Print – lass uns gemeinsam etwas kreieren, das sogar den Kaffee in deinem Büro neidisch macht!

Kreative Impulse gefällig?

Tee in der einen Hand, kreative Ideen in der anderen – das ist mein Rezept für Design. Ob UX/UI, Webdesign oder Print – lass uns gemeinsam etwas kreieren, das sogar den Kaffee in deinem Büro neidisch macht!

Kreative Impulse gefällig?

Tee in der einen Hand, kreative Ideen in der anderen – das ist mein Rezept für Design. Ob UX/UI, Webdesign oder Print – lass uns gemeinsam etwas kreieren, das sogar den Kaffee in deinem Büro neidisch macht!