Die Abschlussprüfung 2026 vereint Konzeption, Frontend-Entwicklung und Datenbank zu einem durchgängigen Projekt: der Markenauftritt des fiktiven Turtle Diving Resort auf Gili Air.
Von der Dokumentation und den Wireframes über eine handgebaute, animierte Website bis zum relationalen Datenmodell — alles aus einer Bildsprache aus Tiefsee-Blau, leuchtendem Türkis und Korallen-Orange.
Dokumentation, Arbeitsplanung, Wireframes und KI-Video-Prompts.
Responsive Onepage mit WebGL, interaktiver Karte & Formularen.
ER-Modell & relationale SQL-Datenbank für das Resort.
Bevor die erste Zeile Code entstand: eine vollständige Dokumentation & Arbeitsplanung, fünf Wireframes als Design-Referenz und KI-Prompts für das Hero-Video. Das Fundament der gesamten Gestaltung.

Handcodiert in HTML, CSS & JavaScript — sieben Abschnitte, eine WebGL-Flüssigkeits-Animation im Hintergrund und eine interaktive Tauchspot-Karte. Ganz ohne Framework.

Auf der interaktiven Karte der Website führt jeder Spot in seine eigene Tiefe. Klick zum Vergrößern.






Die Wahlqualifikation: ein vollständiges ER-Modell und eine relationale SQL-Datenbank für das Resort — Gäste, Buchungen, Kurse, Tauchspots und Ausrüstung sauber modelliert und normalisiert.
Vom Entity-Relationship-Diagramm bis zum lauffähigen SQL-Schema — die Datenbasis hinter der Website.

Die Unterwasser-Bildsprache der Website. Klick zum Vergrößern.




