background
UX-Design mit feinstem Aromaprofil

Redesign Corporate Website Touton

CHALLENGE ACCEPTED

Aufgabe

Touton Specialty Coffee benötigte ein umfassendes Redesign, das weit über ein visuelles Facelift hinausgeht. Die Herausforderung: Die gesamte User Experience für B2B-Einkäufer grundlegend neu zu gestalten und eine Plattform zu entwickeln, die als hocheffizientes Sales-Tool, Informationsknotenpunkt und Kundenbindungsinstrument agiert.

Idee

Make it flawless. Das Herzstück des neuen Auftritts bildet ein maßgeschneidertes Kunden- und Business-Portal, das die Brücke zwischen emotionaler Markenwelt und knallharten Handelsdaten schlägt.

Umsetzung

Gemeinsam mit unseren Partnern von BOLD & EPIC Code haben wir auf Basis einer skalierbaren Drupal-Architektur ein individuelles Portal mit klarer Designsprache und direkter API-Schnittstelle zum weclapp ERP-System entwickelt. Durch die intuitive Benutzerführung finden Röster blitzschnell alle relevanten Informationen zu Qualitäten, Verfügbarkeiten und Preisen. Ergänzt durch die interaktive „Touton Academy“ bieten wir Kunden nicht nur Zugriff auf erstklassige Kaffeebohnen, sondern auch auf fundiertes Fachwissen – verpackt in modernem Scrollytelling. Das mobile-first gestaltete UI stellt sicher, dass Röster von jedem Endgerät aus schnell, intuitiv und ohne Hürden ordern können.

Split Screen, einmal CloseUp des Screendesigns und einmal eine Seitenansicht in einem Tablet Device

Hochwertig, nahbar und klar strukturiert: Im Zuge des Redesigns haben wir die Markenwelt von Touton in ein modernes, responsives UI/UX-Design übersetzt, das die Faszination für Spezialitätenkaffee auf allen Endgeräten nahtlos erlebbar macht. Illustrationen von Designer Hugo Patiño unterstützen bei der Informationsvermittlung und wurden eigens für die Website kreiert.

Illustrationen der Website Illustrationen der Website Illustrationen der Website in Anwendung im Screendesign
Screendesign in einem Smartphone

Konsequent Mobile-First gedacht. B2B-Prozesse machen nicht am Schreibtisch halt. Das responsive Redesign garantiert eine kompromisslose User Experience auf allen Endgeräten – damit alle Inhalte, Daten und Funktionen auch mobil mit wenigen Clicks sofort greifbar sind.

Das Herzstück. Für Kunden wurde ein Login-Bereich (Client Portal) geschaffen, in dem sie Bestellungen, Dokumente und Abrechnungen einsehen können. Ergänzend wurden automatisierte Prozesse zur Generierung von Preislisten als PDFs, individuelle Reporting-Funktionen sowie ein integriertes CRM-System umgesetzt.

Ansicht des Händler-Dashboards in einem Laptop

Komplexe Handelslogik, kinderleicht bedienbar. Echtzeit-Kalkulationen auf Basis aktueller Börsenpreise, integrierte Währungsumrechnungen (EUR/USD) und dynamische Weltkarten zur Herkunftstransparenz machen das System zum unverzichtbaren Werkzeug für Kaffeeröster.

Ansichten einer Preisliste Ansicht einer dynamisch animierten Weltkarte
Ansicht des internen Interfaces in einem Laptop

Wissen schaffen. Vertrauen ernten. Mit der Touton Academy haben wir eine E-Learning-Plattform integriert, die Einsteiger und erfahrene Röster mit wertvollem Know-how versorgt. Durchdachte UX, interaktiver Gated Content und Scrollytelling verwandeln Kaffeewissen in nachhaltige Kundenbindung.

Ansicht der Academy Startseite
Detailseite mit Lerninhalten des Academy Bereichs
Drei mobile Ansichten der Academy Inhalte als Screenshots

RESULTS RESULTS

Reduzierter manueller Prozessaufwand

-60 %

Portalnutzung durch optimierte UX & Entlastung des Supports

+50 %

Zeitersparnis bei der Erstellung individueller Preislisten

-70 %

Could be you?

Ready when you are.
Wir freuen uns auf neue Chancen.
Kontakt
Background Background
next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects next projects