



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!
©
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!
©
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!
©
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!
©
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!
©
2025
Jessica Bode.