Onyx Hairline Website-Konzepte Portfolio-Pro
Zwei statische Astro-Konzepte für ein albanisches Haarstudio mit Service-Inhalten, filmischer Bildsprache und leichtgewichtigem Deployment.
Live-Versionen
Quellcode-Repositories
Projektübersicht
Onyx Hairline untersucht zwei visuelle Richtungen für dieselbe Marke für Extensions, Coloration und Haarbehandlungen. Beide Varianten teilen eine schnelle statische Architektur und testen unterschiedliche redaktionelle Layouts, Navigation, Farbwelten und Scroll-Interaktionen.
Was ich gebaut habe
- 01
Wiederverwendbare Astro-Vorlagen erzeugen Service-Seiten aus strukturierten Inhalten.
- 02
Zwei responsive Gestaltungsrichtungen kombinieren luxuriöse Typografie mit einer filmisch-asymmetrischen Alternative.
- 03
GSAP und ScrollTrigger steuern die Bewegung; bei reduzierter Bewegung steht eine statische Darstellung bereit.
- 04
Der Build ist für GitHub-Pages-Vorschauen und einfache Veröffentlichung über cPanel oder FTP vorbereitet.
Technische Umsetzung
Der Produktions-Build ist vollständig statisch und benötigt weder Datenbank noch API-Routen oder einen dauerhaften Node.js-Prozess.
Gemeinsame Layouts und Datenstrukturen halten spätere Änderungen über alle Service-Seiten hinweg konsistent.
Technologie-Stack
- Astro
- TypeScript
- Tailwind CSS
- GSAP
- GitHub Actions
Weitere Portfolio-Projekte
Sie benötigen ein ähnliches Produkt?
Lassen Sie uns über den Workflow, die Website oder die Anwendung sprechen, die Sie veröffentlichen möchten.