Cetotec
Website Relaunch
Cetotec ist der Technologieführer in der Essig- und Fermentationsindustrie. Sie liefern modernste Anlagen für die Produktion Ihrer Kunden weltweit. Meine Aufgabe bestand darin die Webpräsenz in eine komplett neue Designsprache zu überführen und die Nutzerführung zu optimieren.
Meine Leistungen
Vorbereitung
- Pitch
- Vision
- Präsentation
UX
- Research
- Workshop
- Stakeholder Interviews
- Konkurenzanalyse
- User-Flow
- Content Architektur
- Wireframes
UI
- Design Variants
- UI Components
- Responsiveness
- Styleguide
Entwicklung
- Frontend (React & NextJS)
- Backend (Sanity Content Hub)
Die treibende Kraft für Innovation in der heutigen Essigindustrie
Cetotec ist ein deutsches Traditionsunternehmen welches weltweit die modernste Technologie für Fermentation und Essigproduktion bereit stellt. Ziel ist es diese Position weltweit zu stärken und speziell im digitalen Raum auch ebenso aufzutreten. Entsprechend soll in diesem Zuge eine neue digitale Designsprache entstehen und die Website komplett überarbeitet werden.
Umfangreiche Neugestaltung der Webelemente
Bei Cetotec haben mein Team und ich alles neugestaltet. Es wurde ein Fotoshooting angesetzt um passendes Bildmaterial zu erstellen, die 3d Renderings wurden komplett neu gerendert und die UI Elemente komplett neu erdacht. Zuerst überarbeiteten wir das Branding und fügten Blau als komplimentäre Farbe zu dem bestehenden Rot hinzu. Das Bildmaterial, die UI Elemente und die Renderings wurden anschließend in diesen Farbräumen und Akzenten gestaltet, um eine konsistent komplimentäre Experience zu erzeugen.
High-Class Website Performance
Cetotec agiert weltweit und Geschwindigkeit spielt dabei eine große Rolle. Durch den Einsatz des Vercel Content Delivery Network garantieren wir eine weltweit einheitliche Experience für den User. Gekoppelt mit React und NextJS ergeben sich blitzschnelle Ladegeschwindigkeiten egal ob beim Abrufen der Website über mobile oder klassischer Desktop Anwendungen.
Responsives Design für Desktop, Tablet oder auf dem Smartphone
Die Website musste für eine reibungslose Darstellung auf allen gängigen Geräten responsiv gestaltet werden. Dazu war es erforderlich, ein Design-System zu entwickeln, das auf allen diesen Geräten einwandfrei funktioniert.
Smarte Produktpräsentation
Die Produktpalette von Cetotec ist umfangreich und als Laie schwer zu verstehen. Im Research stellten wir fest, dass 90% der Kunden technisches Know How mitbringen. Die verbleibenden 10% sind weitgehend Kunden der Kombucha Industrie und haben wenig technisches Verständnis. Dementsprechend erstellten wir für Sie eine individuelle Landingpage in der passende Produkte verlinkt sind. Zusätzlich achteten wir bei den Produktunterseiten darauf ein App Feeling zu erzeugen indem der Kunde schnell und einfach zwischen Produkten der selben Kategorie wechseln kann.
Geschäftsstrategie und digitales Design vereint
Die Gesamtmarke wurde erweitert, um Assets und Farben für den digitalen Gebrauch einzubeziehen, und es wurden neue Produktabbildungen und Fotografien erstellt. Aufgrund der komplexen Natur der Produkte und Dienstleistungen von Cetotec war es wichtig, die gesamte Wertschöpfungskette dem Benutzer leicht verständlich zu vermitteln. Folglich basiert die Erfahrung auf interaktiven Animationen, um den Essigherstellungsprozess von Anfang bis Ende zu präsentieren und wichtige Produkte hervorzuheben. Wir haben auch die Benutzererfahrung für potenzielle Kunden verbessert, indem wir einen maßgeschneiderten Produktkonfigurator für Fermentationsausrüstung entwickelt haben. Das Tool kann die Eingabe des Benutzers schnell in eine konkrete Produktempfehlung umwandeln, die den Produktionsbedürfnissen entspricht. Diese Informationen werden dann an Cetotec übermittelt, um den ersten Verkaufsprozess zu beschleunigen.
