Rebranding und Webseite-Relaunch für aucobo

Kunde: aucobo

Projektübersicht

aucobo ist eine No-Code-Plattform für digitale Shopfloor-Kommunikation in der Fertigungsindustrie. Die Software verbindet Maschinen, Prozesse und Mitarbeitende und macht Informationen dort verfügbar, wo sie gebraucht werden – direkt in der Produktion. Das Unternehmen gehört zur INOYAD Technologies, einem Spin-off der Fraunhofer-Gesellschaft.

aucobo bewegt sich zwischen zwei Welten: komplexen Fertigungsprozessen auf der einen und einer bewusst einfach bedienbaren No-Code-Plattform auf der anderen. Genau diese Verbindung sollte auch der Markenauftritt transportieren – technische Kompetenz, ohne technisch kompliziert zu wirken.

Dafür entstand eine Corporate Identity mit klarer Farbwelt, Logo und reduzierter Typografie, die anschließend konsequent in die digitale Gestaltung übertragen wurde. Corporate Identity, Website und eigens entwickelte Animationen bilden dabei ein zusammenhängendes System: reduziert und technisch präzise, gleichzeitig dynamisch genug für ein Produkt, bei dem Prozesse und Echtzeitkommunikation im Mittelpunkt stehen.

Die Website strukturiert ein erklärungsbedürftiges Produkt in klar erfassbare Inhalte und verbindet großzügige Flächen mit gezielten Interaktionen und visuellen Kontrasten. Statt Funktionen ausschließlich zu beschreiben, werden zentrale Prinzipien der Plattform direkt erlebbar.

Leistung

Industrie 4.0 trifft modernes Rebranding

Die Marke aucobo steht für Einfachheit, Innovation und kontinuierliche Verbesserung – Werte, die sich direkt aus dem Produkt ableiten: einer No-Code-Plattform, die Kommunikation in der Fertigung entschlackt statt verkompliziert.

Jedes Element der Corporate Identity folgt diesem Prinzip: reduziert statt überladen, präzise statt dekorativ. So entsteht ein Auftritt, der technische Kompetenz ausstrahlt und gleichzeitig zugänglich bleibt – auch für Entscheiderinnen und Entscheider, die keine Software-Fachleute sind.

Ein Symbol für Bewegung und Struktur

Die Bildmarke aus drei versetzten, geschwungenen Balken visualisiert genau das, wofür aucobo steht: Informationsfluss, der in Bewegung ist, sich aber jederzeit strukturiert einordnen lässt. Kombiniert mit der klaren Wortmarke „aucobo“ in einer reduzierten serifenlosen Schrift entsteht ein Logo, das auf App-Icons, Dashboards und im Print gleichermaßen funktioniert.

Eine Palette zwischen Seriosität und Frische

Die Farbwelt von aucobo verbindet industrielle Substanz mit digitaler Klarheit. Ein tiefes Anthrazit bildet die visuelle Basis der Marke: ruhig, verlässlich und mit einem klaren Bezug zur Fertigungswelt ihrer Kunden. Es schafft einen seriösen Rahmen, ohne in die kühle, distanzierte Ästhetik klassischer Industriesoftware abzurutschen.

Als energiegeladener Gegenpol setzt Taktgrün die entscheidenden Akzente. Es steht für Bewegung, Reaktion und den Moment, in dem Information ankommt – das visuelle Signal für genau die Echtzeit-Transparenz, die aucobo auf den Shopfloor bringt. Gleichzeitig macht es die Marke auf einen Blick erkennbar.

Lichtgrau erweitert die Palette um Offenheit und Struktur, während das erdige Tiefengrün als ruhiger Kontrast für Nachhaltigkeit und Verlässlichkeit steht. Gemeinsam geben die vier Farben der Marke genug Spielraum für App, Dashboard und Website, ohne ihre Wiedererkennbarkeit zu verlieren.

So entsteht eine Farbwelt, die den Charakter von aucobo trägt: bodenständig und kompetent, aber nie schwerfällig – klar im Ton, mit einem Farbmoment, der Wirkung entfaltet, statt zu schreien.

Lesbarkeit als Designprinzip

Als Corporate Font haben wir Roboto festgelegt – eine klare Grotesk ohne Schnörkel, die dort funktioniert, wo es zählt: auf dem Hallenboden, auf dem Smartphone, in der App. Während andere Schriften bei kleinen Größen oder dichten Datenansichten an Lesbarkeit verlieren, bleibt Roboto auch im Dashboard und auf dem Werksscreen präzise erkennbar.

Eine klare Hierarchie aus Headline, Sub-Headline und Fließtext gibt jedem Inhalt seinen Platz – auf der Website ebenso wie in Präsentationen oder in der App selbst. Der Bold-Schnitt markiert, worauf es ankommt; der Regular-Schnitt hält auch komplexere Prozessbeschreibungen zugänglich. Für ein Produkt, das täglich von Mitarbeitenden in der Produktion gelesen und bedient wird, ist das kein gestalterisches Detail, sondern eine Grundvoraussetzung.

Webseite

aucobo.de

Struktur

Das Rückgrat der Seite ist der Weg vom Problem zur Lösung: Der Header adressiert direkt den Schmerzpunkt der Zielgruppe – ungeplante Stillstände, verzögerte Reaktionszeiten – bevor die Plattform überhaupt erklärt wird. Jeder folgende Abschnitt bleibt diesem Muster treu: Nutzenversprechen zuerst, Erklärung danach, klare Handlungsaufforderung am Ende. Statt sich in Feature-Listen zu verlieren, führt die Navigation über Produkt, Anwendungsfälle und Preise konsequent auf ein Ziel hin – die Demo-Anfrage.

Bildsprache

Statt gestellter Stockfotos setzt aucobo auf reale Bewegtbilder aus dem Produkt selbst: ein Kopfvideo, das direkt in die Plattform blicken lässt, eine Workflow-Animation, die No-Code-Digitalisierung in Sekunden zeigt, und eine Graphen-Animation, die das Kernversprechen Echtzeit-Transparenz sichtbar macht. Ergänzt wird das durch reale Referenzlogos namhafter Industriekunden – so bleibt die Bildsprache auch auf abstrakter Produktebene glaubwürdig statt behauptet.

UX & Interaktion

Die Website übersetzt die Kernbotschaft der Marke – Klarheit trotz Komplexität – direkt in ihre Bedienung. Große, ruhige Flächen in Anthrazit strukturieren die Seite, während Taktgrün gezielt für Buttons, Handlungsaufforderungen und Interaktionspunkte reserviert bleibt, statt beliebig eingesetzt zu werden. Wiederkehrende Kachel- und Kartenraster machen auch dichte Inhalte wie die Branchenübersicht schnell erfassbar, und die klare Typografie-Hierarchie aus Roboto sorgt dafür, dass Nutzerinnen und Nutzer auf Desktop wie Mobile jederzeit wissen, wo sie sich befinden.

Echtzeit, sichtbar gemacht

Für die Website haben wir Animationen entwickelt, die zentrale Funktionen der Plattform zeigen: wie ein Workflow entsteht, wie sich Daten in Echtzeit aufbauen und wie die Seite auf Interaktion reagiert.

Workflows, die sich selbst erklären

Bei „Maximale Agilität“ zeigt eine kurze Animation, wie ein digitaler Workflow per Drag-and-Drop entsteht – Input-Bausteine wandern in Echtzeit zu Output-Schritten und verknüpfen sich zu einem fertigen Prozess. Statt in drei Absätzen zu erklären, was No-Code bedeutet, sieht man es in wenigen Sekunden: einfach, schnell, ohne eine Zeile Code.

Daten, die sich sichtbar bewegen

Im Bereich „Data Analytics“ übersetzt eine Graphen-Animation das Kernversprechen der Plattform – Echtzeit-Transparenz – unmittelbar ins Bild. Kurven und Balken bauen sich live auf, so wie sich auch das echte Dashboard mit einlaufenden Maschinendaten füllt. Das schafft einen direkten, glaubwürdigen Vorgeschmack auf das Produkt, statt es nur zu behaupten.

Fokus durch Unschärfe

Bei den Branchenkacheln auf der Startseite funktioniert der Hover-Effekt umgekehrt: Statt die gewählte Kachel hervorzuheben, treten alle anderen zurück – sie werden blasser und unscharf. Nur die ausgewählte Branche bleibt klar stehen. So lenkt die Seite den Blick durch Reduktion statt durch zusätzliche Effekte – passend zu einer Marke, die Unwichtiges ausblendet, damit das Wesentliche sichtbar wird.