Portfolio-Website für den Tänzer und Choreografen Denison Silva
Tanz lässt sich schlecht in Standbildern erzählen. Für Denison Silva, Tänzer, Choreograf und Tanzpädagoge in Berlin, habe ich eine Künstler-Website gestaltet und entwickelt, auf der die Bewegung zuerst kommt: Sein Name wird zur Schablone, durch die das Video läuft. Dreisprachig, schnell und ohne Tracking.
- Für
- Tänzer, Choreograf und Tanzpädagoge, Berlin
- Jahr
- 2026
- Status
- In Arbeit
- Leistungen
- Webdesign BerlinFrontend-Entwicklung
- Technik
- React · TypeScript · Vite · Tailwind CSS · i18n
Case Study
Ausgangslage
Denisons Arbeit lebt von Bewegung, und genau die geht in klassischen Portfolio-Layouts mit Fotogalerie verloren. Gesucht war eine Website, die Theatern, Choreografen und Schülern in wenigen Sekunden zeigt, wie er tanzt, und danach sachlich Auskunft gibt: Engagements, Repertoire, Unterricht und Kontakt.
Sein Publikum spricht unterschiedliche Sprachen. Die Seite ist deshalb von Anfang an auf Englisch, Deutsch und Portugiesisch angelegt, mit einer eigenen Adresse für jede Sprachfassung.
Die Idee: Schrift als Fenster
Der Hero setzt seinen Namen in großer, schmaler Versalschrift über ein laufendes Video. Die Fläche um die Buchstaben bleibt schwarz, nur durch die Schrift hindurch sieht man ihn tanzen. Der erste Eindruck ist damit Logo und Showreel zugleich.
Technisch ist das eine SVG-Maske. Der Schriftzug wird nach dem Laden der Schrift einmal gemessen und auf die Versalhöhe eingepasst, damit er auf jedem Bildschirm randlos sitzt. Auf schmalen Bildschirmen stehen die zwei Wörter linksbündig untereinander. Wer in den Systemeinstellungen reduzierte Bewegung gewählt hat, sieht statt des Videos ein Standbild.
Was ich umgesetzt habe
- Konzept und Gestaltung auf Basis seines Lebenslaufs
- Frontend mit React und TypeScript auf Vite, gestaltet mit Tailwind CSS
- Drei Sprachfassungen mit eigenen URLs, per hreflang miteinander verknüpft
- Prerendering: Jede Seite liegt als fertiges HTML vor, lesbar für Google, Linkvorschauen und KI-Suchen
- Strukturierte Daten pro Seite, darunter VideoObject für Videos und Event für Produktionen
- Lebenslauf als Zeitleiste mit Filter nach Rolle
- Videos laden erst auf Klick: YouTube und Vimeo werden erst kontaktiert, wenn jemand auf Play drückt
- Kontaktformular mit Honeypot statt Captcha, Schriften lokal eingebunden, keine Cookies und kein Consent-Banner
Gebaut, um mitzuwachsen
Inhalte sind Daten, kein Markup. Ein neues Engagement, ein Video oder eine Produktion ist ein Eintrag in einer Datendatei. Zeitleiste, Filter, eigene Unterseite, Sitemap-Eintrag und strukturierte Daten entstehen daraus beim nächsten Build, ohne dass jemand Komponenten anfassen muss.
Die Website ist im Aufbau und wächst Schritt für Schritt um Videos und Produktionen.
Weitere Projekte
Mehr aus der Werkstatt
Kontakt
Du brauchst eine Website für deine künstlerische Arbeit?
Ob Tanz, Musik, Fotografie oder Theater: Ich gestalte und entwickle Portfolio-Websites, die deine Arbeit zeigen, statt sie nur zu beschreiben. Schreib mir, woran du gerade arbeitest.