



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 InDesign, Adobe Illustrator, 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
Dauer
Dauer
Dauer
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
Jahr
Jahr
Jahr
2024
2024
2024
2024
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
Aufgaben-stellung
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
Hinweis: 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.
Hinweis: 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.
Hinweis: 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.
Hinweis: 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 gutes 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 gutes 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 gutes 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 gutes 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 gutes 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.