// Projekte

TOSSTEC schafft innovative Technologien für Natur- und Biopools

Website Redesign
UI Design
Shop
TOSSTEC verbindet Ingenieurskunst mit Leidenschaft für natürliche Wasserwelten. Ihre Reinigungsroboter sind speziell für Naturpools entwickelt – leistungsstark, präzise und gebaut für höchste Ansprüche. Für das Website Redesign habe ich eine digitale Identität geschaffen, die Innovation, Vertrauen und Umweltbewusstsein zusammenbringt.
Ein Laptop auf einem Metall-Tisch. Darauf zu sehen ist die Startseite der neuen TOSSTEC-Website
Partner
Rolle
Industrie
TOSSTEC GmbH
Website Redesign
Naturpool Technologien
Ein IPhone auf einer Metallfläche. Darauf zu sehen, der "über uns" Teaser der TOSSTEC Website
Ein Laptop auf einem Metall-Tisch. Darauf zu sehen die Shopify-Anbindung der TOSSTEC Website
TOSSTEC steht für Technik mit Haltung: Hochpräzise Reinigungsroboter, entwickelt für eine saubere Zukunft natürlicher Pools. Als Pionier in einem wachsenden Markt kombiniert das Familienunternehmen Ingenieurskunst mit Umweltbewusstsein – made in Germany.

Das Redesign der Website bringt diese Werte erstmals auf den Punkt: Klar, modern und mit einem visuellen Fokus auf Funktionalität und Nachhaltigkeit. Die neue digitale Präsenz stärkt nicht nur das Vertrauen in die Marke, sondern macht auch die Faszination für robotergestützte Naturpflege spürbar.

Eine Marke, die Hightech nahbar macht – und zeigt, wie echte Innovation aussehen kann.

Du hast eine Projektidee?

Gemeinsam besprechen wir dein Anliegen und schauen, welches Angebot am besten passt. Vereinbare gerne einen kostenlosen Beratungstermin!

Call buchen
/ Challenge

TOSSTEC: „Wie können wir eine Website gestalten, die eine Zielgruppe überzeugt, die Technik nicht einfach kauft, sondern verstehen will?“

TOSSTEC steht für hochspezialisierte Reinigungsroboter im Naturpool-Segment – eine technologische Nische, die auf Expertise und Vertrauen baut. Die Herausforderung: eine digitale Präsenz zu gestalten, die diese Innovationskraft sichtbar macht, ohne zu überfordern. In enger Zusammenarbeit mit dem Team analysierte ich Zielgruppenbedürfnisse, Anwendungskontexte und typische Nutzerfragen. So entstand ein klar strukturiertes, visuell fokussiertes Designsystem, das die Technologie verständlich erklärt – und ihre Einzigartigkeit erlebbar macht.

Projekt Insights

/ Schritt 1

Kennenlernen & Zielklärung

Im ersten Gespräch ging es darum, das Herz der Marke zu verstehen: Was macht TOSSTEC besonders? Wo liegen technische Stärken, wo emotionale Hebel? Diese Insights bildeten die Basis für ein strategisches Redesign mit klarer Zielsetzung.
/ Schritt 2

UX Audit & Nutzerforschung

In einem umfassenden UX-Audit identifizierten wir Schwachstellen der bestehenden Website – von langen Ladezeiten über verwirrende Navigation bis hin zu unklaren Produktinformationen. Ergänzt durch Personas und Nutzerfeedback entstand ein tiefes Verständnis für Zielgruppenbedürfnisse.
/ Schritt 3

Content-Evaluation & Refactoring

Der bestehende Content wurde gesichtet, bewertet und neu strukturiert. Ergebnis: klare Botschaften, verständliche Sprache und ein Aufbau, der Nutzer intuitiv durch das Angebot führt – ohne sie mit technischer Komplexität zu überfordern.
/ Schritt 4

Konzeption & UI-Design

Basierend auf den Erkenntnissen entwickelten wir eine visuelle Sprache, die technische Präzision mit emotionalem Storytelling verbindet. Der Fokus lag auf einer starken Landing Page, klaren Informationspfaden und einem Interface, das Vertrauen schafft – pixelgenau umgesetzt.
/ Schritt 5

Testing, Feinschliff & Umsetzung in Webflow

Vor dem Launch wurde die neue Website getestet und auf Nutzerfeedback hin optimiert. Die finale Umsetzung erfolgte in Webflow – für maximale Kontrolle, optimale Performance und ein System, das mitwachsen kann.
/ Schritt 5

Besonderheit: Die Shopify-Anbindung

Ein besonderes Feature war die Anbindung eines eigenständigen Shopify-Shops. Ziel war ein reibungsloser Übergang zwischen Informationsseite und Kaufprozess – ohne Medienbruch, aber mit klarer Trennung in Struktur und Verantwortung. Die Herausforderung lag in der technischen Integration: nahtlose Nutzerführung, konsistentes Design, stabile Performance. Die Lösung: eine schlanke, externe Shop-Struktur, die sich optisch und funktional harmonisch in die neue Website einfügt.

FAQs