Orvel ist die Website eines unabhängigen Marken- und Digitalstudios. Sie verbindet ein flüssig reagierendes Porträt im Hero, einen angehefteten Stapel aus 16 Projekten, eine rotierende Leistungstrommel und ein Journal, dessen Seiten sich umblättern.
Ein unabhängiges Marken- und Digitalstudio wollte eine Website, die sich wie seine Arbeit verhält. Gründer und Marketingteams sollten echte Projekte sehen, die Leistungen verstehen, das Team in zwei Städten kennenlernen und unkompliziert starten können – ohne die übliche Wand aus Agenturadjektiven oder eine beliebig austauschbare Vorlage.
Die Arbeit führt, die Seite bleibt ruhig. Das Porträt im Hero reagiert unter dem Mauszeiger wie eine Flüssigkeit. Das Studio-Reel öffnet sich aus der Eingangsaussage. 16 Projekte bilden einen angehefteten Stapel, in dem jeder Kundenname seine eigene Schrift erhält. Die Leistungen drehen sich auf einer Fähigkeitstrommel, das Journal blättert wie ein Magazin, und eine geteilte Szene verbindet beide Städte mit laufenden Uhren.
Besucher können das Reel abspielen, 16 Projekte erkunden, das Journal lesen, beide Büros in Echtzeit einordnen und über ein kurzes Briefing ein Projekt beginnen. Die Seiten bleiben auf dem Smartphone schnell und berücksichtigen reduzierte Bewegung. Projekte und Notizen sind Inhaltsdateien, die das Studio ohne Änderung des Designs bearbeiten kann.
Orvel ist eine vollständige Website für ein unabhängiges Marken- und Digitalstudio in London und Lissabon. Das 2013 gegründete Studio umfasst 34 Designer, Autoren, Strategen und Entwickler und arbeitet für Unternehmen in elf Ländern. Der Auftritt zeigt das Studio durch seine Arbeit: ein Reel, 16 Projekte, seine Leistungen und die Menschen dahinter.
Die Website umfasst Startseite, Projekte mit 16 Projektseiten, Leistungen, Studio, ein Journal mit 30 Notizen und Kontakt sowie Datenschutz- und 404-Seite.
Die Gestaltung ist hell und redaktionell und wird nur dort dunkel, wo es der Darstellung dient. Eine breite Groteskschrift prägt die großen Texte, eine Monospace-Schrift die Beschriftungen. Das Hero-Porträt bewegt sich unter dem Mauszeiger wie Flüssigkeit; das Reel öffnet sich aus der Eingangsaussage. Jeder Kundenname hat im angehefteten Projektstapel seine eigene Schrift. Leistungen drehen sich auf einer Fähigkeitstrommel, während das Journal beim Scrollen die Seiten umblättert.
Die schnelle statische Website nutzt Astro, TypeScript, GSAP, Lenis und WebGL. Projekte und Journalnotizen werden als Inhaltsdateien verwaltet. Reduzierte Bewegung wird berücksichtigt; der Auftritt funktioniert auf dem Smartphone. Reel, Zwei-Städte-Szene mit laufenden Uhren und Projektbriefing-Formular sind integriert.
Referenz ansehen
Referenz ansehen
Referenz ansehen
