Konzept-Studie · 3D-Logo · 2026
Flamingo
Material wählen
Die Idee
Ein Logo ist flach. Unseres kann man jetzt drehen.
Der Flamingo steht auf jeder Seite von evioe, immer als flaches Zeichen. Wir wollten wissen, ob er auch als Gegenstand trägt: mit Bauch, rundem Hals und Federn, die übereinander liegen.
Er tut es. Von vorn bleibt er deckungsgleich mit dem Logo, von der Seite wird er zur Figur. Dieselbe Form trägt vier sehr verschiedene Materialien, ohne dass man den Vogel verwechselt.
Eine Konzept-Studie in eigener Sache, ohne Kundenauftrag.
Vier Materialien
Keramik
So sieht die Marke aus, wenn man sie in die Hand nehmen könnte. Die Farben kommen eins zu eins aus dem Logo, darüber liegt eine Glasur. In den Federn sitzen Kiel und feine Äste.
Glas
Der Vogel ist durchsichtig und verbiegt, was hinter ihm liegt. Wo die hellen Ringe durch den Körper laufen, spaltet sich das Licht in Farben auf, wie bei einem geschliffenen Glas.
Chrom
Chrom hat keine eigene Farbe, es zeigt nur seine Umgebung. Deshalb steht es in einem Studio aus Markenpink, weißen Lichtflächen und einer dunklen Kante. Die Oberfläche bewegt sich langsam, wie Quecksilber.
Neon
Hier bleibt nur die Linie. Die Röhren folgen dem Umriss des Logos und liegen in mehreren Ebenen. Ab und zu stottert ein Stück, wie bei einem echten Leuchtschild.
Gebaut im Browser.
Form
Der Vogel ist aus den Kurven des flachen Logos gerechnet. Ein eigenes Programm formt daraus eine geschlossene Haut mit weichen Übergängen an Hals, Kopf und Beinen und legt drei Federlagen darauf. Kiel und Federäste zeichnet die Grafikkarte direkt in die Oberfläche.
Übergang
Beim Wechsel wird nicht umgeschaltet. Das neue Material wächst von den Füßen nach oben durch den Vogel, an der Grenze glüht eine Kante.
Licht
Jedes Material steht in seinem eigenen Studio aus Lichtflächen, das direkt in der Szene gebaut ist. Ein Schlaglicht wirft einen echten Schatten und folgt dem Mauszeiger. Es werden keine Bilder oder Dateien von fremden Servern geladen.
Leistung
Der 3D-Teil lädt nur auf dieser Seite und rechnet nur, solange er zu sehen ist. Ohne WebGL erscheint ein Standbild. Wer am Gerät weniger Bewegung eingestellt hat, bekommt keine automatische Drehung.
Konzept-Studie · 2026 · three.js · React Three Fiber · Next.js