Ich habe mein Portfolio von Grund auf neu gebaut. Die alte Website war eine dunkle neo-brutalistische Seite, die ein Tailwind-CDN-Skript über ein JSON-Raster laufen ließ; diese ist ein statischer Astro-5-Build mit React-Islands nur dort, wo die Interaktion sie verlangt. Herzstück ist die Arbeitsseite — ein kartenartiges Board, auf dem 36 Projekte in fünf Territorien liegen, eines je Disziplin. Das Mausrad zoomt am Cursor, Ziehen schwenkt mit Schwung, zwei Finger zoomen per Pinch, und die Filter-Chips fliegen die Ansicht zu einer Kategorie und dimmen den Rest. Beim Hineinzoomen werden aus Pins Karten. Jeder Knoten ist ein echter Link, sodass jedes Projekt auch als eigene statische Seite gebaut wird, die bereits mit geöffnetem Dialog erscheint. Die Startseite ist eine Folge scrollgesteuerter Abschnitte: ein gepinntes Hero mit einem Sechs-Slide-Karussell, ein Über-mich-Abschnitt, dessen Absätze sich Buchstabe für Buchstabe füllen, während sich ein Bildstapel aufbaut, ein Fisheye-Reel mit Kurzfakten, ein Skills-Akkordeon und ein Projekt-Reel, dessen Spur beim Herunterscrollen seitwärts läuft — auf Telefonen ebenso wie auf Desktops. Alle Inhalte liegen in einer einzigen JSON-Datei. Es gibt kein CMS, keine Datenbank und keine Server-Laufzeit.
Eine erkundbare Karte wird schnell desorientierend und schnell unzugänglich. Zugleich musste es ein statischer Build ohne Server bleiben und 36 Projekten dennoch echte, teilbare URLs geben — und die Bewegung musste auf dem Telefon standhalten.
Lösungen
Jeder Kartenknoten ist ein Anker auf eine zur Build-Zeit erzeugte Seite, sodass das Board navigierbar, teilbar und crawlbar bleibt — auch ohne JavaScript. Der Detailgrad ersetzt beim Zoomen Pins durch Karten, und die Filter-Chips fliegen die Ansicht, statt sie neu zu laden. Abschnitte werden mit GSAP ScrollTrigger gepinnt und über die Scrollposition statt über einen Ticker gesteuert, was sie auf Touch-Geräten ehrlich hält. Die gesamte Seite wird als statisches HTML aus Astro ausgeliefert, React läuft nur in der einen Komponente, die es wirklich braucht.
Die Projektkarte — 36 Projekte in fünf TerritorienGefilterte Ansicht — Ein Chip fliegt das Board zu einer KategorieÜber mich — Scrollytelling mit Füllung Buchstabe für BuchstabeLieblingsprojekte — Eine Spur, die seitwärts läuftProjektdialog — Öffnet an Ort und Stelle, mit eigener URLKontakt — Das abschließende Register
Unsere Website wurde gemäß den aktuellen Richtlinien für Barrierefreiheit WCAG 2.2 Level AA (Web Content Accessibility Guidelines) gestaltet. Das bedeutet, dass die Website für alle Nutzer zugänglich ist, einschließlich Menschen mit Behinderungen.
Funktionen zur Barrierefreiheit:
Geeigneter Farbkontrast für gute Lesbarkeit
Gut lesbare Schriftarten und Textgrößen
Vollständige Tastaturnavigation
Alternativtexte für alle Bilder
Klare Struktur und semantisches HTML
Kompatibilität mit Screenreadern
Vergrößerte Touch-Zielbereiche
Sichtbare Fokus-Indikatoren
Barrierefreiheit ist unsere Verpflichtung gegenüber allen Nutzern.
EU-Förderung - NextGenerationEU
Gefördert durch die Europäische Union – NextGenerationEU
Dieses Unternehmen wird im Rahmen der Maßnahme „Förderung unternehmerischer Initiativen junger Freiberufler (NEE)" des öffentlichen Arbeitsamtes (DYPA) gefördert, mit Mitteln der Europäischen Union – NextGenerationEU, über die Aufbau- und Resilienzfazilität „Griechenland 2.0".
Der Nationale Aufbau- und Resilienzplan „Griechenland 2.0" unterstützt Unternehmen und Freiberufler bei ihrer Entwicklung und digitalen Transformation und bietet Finanzierungsinstrumente zur Stärkung von Wettbewerbsfähigkeit, Innovation und Beschäftigung.
Durch dieses Programm hat savage.design die Mittel erhalten, eine moderne, barrierefreie und funktionale digitale Präsenz aufzubauen, die die Kundenkommunikation und Servicebereitstellung verbessert.
Das KI-Admin-Panel ist eine intelligente Oberfläche, mit der Sie jeden Aspekt Ihrer Website einfach durch Sprechen verwalten können. Keine CMS-Dashboards, kein technisches Wissen, keine manuelle Bearbeitung. Sagen Sie der KI einfach, was Sie möchten, und sehen Sie, wie es in Echtzeit geschieht.
Split-Screen-Umgebung
Chatten Sie links mit Ihrem KI-Assistenten, während Sie rechts die Änderungen live sehen. Wechseln Sie zwischen Desktop-, Tablet- und Mobilansichten, um genau zu sehen, wie Ihre Website auf jedem Gerät aussieht.
Drei Betriebsmodi
Fragen
Stellen Sie Fragen zu Ihrer Website, erhalten Sie Erklärungen und Anleitungen — ohne Änderungen vorzunehmen.
Handeln
Weisen Sie die KI an, Änderungen vorzunehmen. Text bearbeiten, Stile aktualisieren, Bilder austauschen, Bereiche hinzufügen — alles im Entwurf geprüft, bevor es live geht.
Planen
Fordern Sie einen detaillierten Umsetzungsplan für komplexe Aktualisierungen an. Die KI unterteilt ihn in Schritte mit Aufwandsschätzungen, bevor sie beginnt.
Was Ihre KI kann
Texte, Überschriften und Seiteninhalte bearbeiten
Farben, Schriften und Layout aktualisieren
Bilder austauschen und verwalten
SEO-Optimierung und Meta-Tags
Neue Bereiche und Seiten hinzufügen
Mehrsprachige Inhaltsverwaltung
Versionshistorie mit Ein-Klick-Wiederherstellung
Entwurf/Live-Trennung — vor Veröffentlichung prüfen
Sicherheit auf Unternehmensebene
Alle Änderungen gehen zuerst in den Entwurf — niemals direkt auf Ihre Live-Website
Vollständige Versionshistorie mit sofortiger Wiederherstellung zu jedem früheren Zustand
Multi-User-Authentifizierung mit rollenbasiertem Zugriff
Umfassende Audit-Protokollierung jeder Aktion
Wählen Sie Ihr Paket
Starter
€40
/Monat
Angetrieben von Claude Haiku 4.5
Perfekt für einfache Inhaltsaktualisierungen, Textbearbeitungen und Bildwechsel.
Text- und Bildbearbeitung
Grundlegende Inhaltsverwaltung
Versionshistorie
1 Benutzerkonto
Am beliebtesten
Professional
€100
/Monat
Angetrieben von Claude Sonnet 4.6
Designänderungen, neue Bereiche, SEO und Inhaltserstellung.
Alles aus Starter
Design- und Layout-Änderungen
SEO-Optimierung
Bis zu 3 Benutzerkonten
Enterprise
€250
/Monat
Angetrieben von Claude Opus 4.6
Komplexe Funktionen, vollständige Seitenredesigns, individuelles JavaScript und fortgeschrittene Entwicklung.
Alles aus Professional
Multi-Datei-Feature-Entwicklung
Fortgeschrittener individueller Code
Unbegrenzte Benutzerkonten
Interesse am AI Admin Panel? Fügen Sie es Ihrer Projektanfrage hinzu.