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

Bitte akzeptiere Marketing-Cookies um den Inhalt zu sehen.

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!

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!

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!

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!

Create a free website with Framer, the website builder loved by startups, designers and agencies.