Wie Lynksen mit Spline die Website einer komplexen B2B-Plattform zum Leben erweckt hat

Elecctro entwickelt Softwaresysteme für unbediente Services – etwa Verkaufsautomaten, E-Ladestationen und automatisierte Waschanlagen. Das Angebot reicht von Hardware bis Software und bewegt sich in einem Marktsegment, das B2B-Käufer traditionell über dichte Datenblätter und technische Diagramme anspricht. Die Mission des Unternehmens: unbediente Services mit smarten, vernetzten Lösungen zu modernisieren.

Elecctro brauchte eine Website. Aber nicht irgendeine. Eine, die die Aufmerksamkeit von Käufern lange genug hält, um wirklich zu erklären, was das Unternehmen macht, die es visuell von Dutzenden ähnlicher Firmen abhebt und Besucher schnell zu einer Entscheidung führt.

„Sie mussten sehr viele Informationen vermitteln“, sagt Tania, Projektmanagerin bei Lynksen, der Digitaldesign-Agentur, die das Website-Erlebnis neu aufbauen sollte. „Gleichzeitig wollten sie in einer sehr technikgetriebenen Nische herausstechen.“

Die Antwort war nicht mehr Inhalt. Sondern eine ganz andere Art von interaktiver Oberfläche.

Eine Startseite zum Erkunden, nicht nur zum Lesen

Lynksens Kernidee war verblüffend einfach: Nutzer sollen das System erkunden, statt es nur mit Worten erklärt zu bekommen.

Die Startseite wurde zu einer interaktiven 3D-Szene – einem räumlichen Überblick über die gesamte Produktfamilie von Elecctro, über den Nutzer mit der Maus fahren, sich durchklicken und in ihrem eigenen Tempo navigieren können. Jedes Asset in der Szene ist mit einer eigenen Produktseite verknüpft. Der Weg von „Was ist dieses Produkt?“ zu „Ich will mit euch sprechen“ schrumpfte auf wenige Klicks.

Nutzer können auf die Startseite gehen, alles sehen, einmal klicken und sind schon auf dem Weg, Elecctro die Informationen zu geben, die das Unternehmen braucht.

Das war ein bedeutender Wandel. Die meisten B2B-Websites behandeln die Startseite wie ein Inhaltsverzeichnis. Lynksen hat die von Elecctro als Umgebung gebaut – etwas, durch das man sich bewegt, statt es von oben nach unten zu lesen.

Warum Spline?

Die Vision war klar – aber wie setzt man sie um?

Klassische 3D-Tools kamen nicht infrage. Allein die Lernkurve hätte das Projekt aufgefressen. Vor allem musste das Team von Elecctro die Website nach dem Launch selbst pflegen können. Also keine undurchsichtigen Pipelines, keine Abhängigkeit von spezialisierten Künstlern, keine Tools, die monatelange Einarbeitung erfordern, nur um ein Asset zu ändern.

Lynksen prüfte Spline und sah einen anderen Weg:

• In einer einzigen Umgebung bauen und iterieren.
• Interaktionen direkt im Tool prototypen.
• Produktionsreife Assets ohne komplexe Übergabekette ausliefern.

Wir sind mit fast null Erfahrung gestartet und haben auf Anhieb ein komplettes Projekt ausgeliefert.

Möglich machten das nicht nur die Werkzeuge, sondern auch die Community. Bevor das Team von Lynksen eine einzige Zeile Code schrieb, verbrachte es Zeit in der Community-Bibliothek von Spline: Es erkundete Remixe, schaute sich an, wie andere Designer Interaktionen angehen, und suchte Techniken, die es für dieses Kundenprojekt übernehmen konnte.

Einen Ort wie die Spline-Community zu haben, mit verschiedensten Projekten und der Möglichkeit, sie zu remixen und zu sehen, wie andere unterschiedliche Interaktionen angegangen sind, war für uns zum Lernen enorm hilfreich.

Für Elecctro kam noch ein Faktor hinzu: Langlebigkeit.

Das Unternehmen wollte eine Lösung, die sein Team nach dem Launch wirklich selbst in der Hand hat.

Man muss nicht besonders technisch sein, um ein Objekt hinzuzufügen, eine andere Interaktion zu bauen und das Projekt nach unserer Übergabe zu pflegen. Das war für uns ein ganz entscheidender Vorteil.

Das Erlebnis bauen

Lynksens Prozess begann ganz ohne Bewegung.

Statische Wireframes. Flache UI-Layouts. Eine klare Informationshierarchie, festgelegt, bevor auch nur eine Animation hinzukam. Erst als die Struktur stand, fügte das Team weitere Ebenen hinzu.

„Wir fangen immer statisch an und fügen dann Schicht für Schicht Animation hinzu“, sagt Tania. „Wir definieren die wichtigsten Zustände in Wireframes und Skizzen, und bei der Umsetzung feilen wir an Kamerabewegungen, spielen mit Animationen und stellen sicher, dass alles wie erwartet zusammenpasst.“

Diese Disziplin bewahrte das Projekt davor, unter seinem eigenen Anspruch zusammenzubrechen. Das Team folgte einem einfachen Designprinzip: Bewegung unterstützt die Erzählung.

In der Praxis hieß das:

• Dezente Hover-States und Mikrointeraktionen auf 3D-Assets
• Scrollbasierte Einblendungen, die Aufmerksamkeit lenken, ohne sie einzufordern
• Kameraübergänge, die Orientierung geben, statt zu blenden
• Expressive Kreativität für Nebenschauplätze (Footer, 404-Seite), wo kleine Überraschungen Freude machen, statt abzulenken

Die 404-Seite wurde zu einem Liebling des Teams. Komplett in Spline gebaut, können Nutzer darauf herumklicken und versteckte 3D-Assets entdecken. Ein kleines Easter Egg, das die meisten Besucher nie finden werden – das das Team von Lynksen aber sichtlich gern gebaut hat.

„Es ist cool, ein kleines Easter Egg zu verstecken“, sagt Ross. „Wenn es jemand findet, würden wir uns als Designer riesig freuen.“

Detail der 3D-Icons, die im gesamten Navigationsmenü der Website verwendet werden.

Die Ergebnisse

Die neu gestaltete Website ging live, und die Zahlen bewegten sich sofort.

Die aktiven Nutzer stiegen um 524 %, und das Projekt erhielt 5 Auszeichnungen.

Die Website verzeichnete 20.000 zusätzliche Aufrufe, und die Design-Community wurde aufmerksam.

Diese Ergebnisse spiegeln wider, was das Team bewusst gebaut hatte: nicht nur eine gut aussehende Website, sondern eine wirklich wirksame. Eine, die für Käufer funktioniert, die Klarheit brauchen, und für ein Kundenteam, das sie ohne festen Entwickler auf Abruf pflegen muss.

Für Teams, die über 3D nachdenken

Für Teams, die zum ersten Mal über 3D im Web nachdenken, hat Tania einen einfachen Rat: Fangt nicht mit klassischen Tools an.

Mit Spline ist die Lernkurve überschaubar. Wer Designkenntnisse hat, kommt innerhalb weniger Tage rein. Unser Team hat schon in der ersten Woche ein solides MVP erstellt.

Ross sieht darin einen grundlegenden Wandel, wie Teams an 3D herangehen können: Statt mehrere komplexe Tools und Workflows zusammenzustückeln, gestalten, iterieren und veröffentlichen Teams in einer einzigen Umgebung – und interaktives 3D wird von Anfang an viel zugänglicher.

Wenn du in einer einzigen Umgebung arbeiten willst, ohne tiefes technisches Wissen, und genau das ausliefern willst, was du siehst, dann nimm Spline.

Für Designagenturen, die Kunden interaktive Weberlebnisse vorschlagen, ist das Projekt ein überzeugender Beleg: Mit dem richtigen Tool kommst du in einem einzigen Projekt von null Erfahrung zu einer preisgekrönten Website.

Leg los mit Spline

Wie Lynksen können Agenturen Spline nutzen, um Kunden dabei zu helfen, komplexe Produkte mit interaktiven Erlebnissen zu vermitteln, die leichter zu verstehen, leichter zu pflegen und einprägsamer sind.

Für Elecctro bedeutete das, eine technische B2B-Plattform in eine interaktive Website zu verwandeln, die das Produkt verständlich macht, Entscheidungen beschleunigt und der Marke hilft, sich in einem vollen Markt abzuheben.

Ob Agentur, die für Kunden baut, oder Inhouse-Team: Mit Spline kommst du schneller von der Idee in die Produktion – ohne komplexe 3D-Pipeline oder spezielles technisches Know-how.

Vertrieb kontaktieren