Webauftritt für Cleo AG
(Projekt im Rahmen des CAS Web- & Informationsdesign)
Projektüberblick
Im Rahmen meines Studiums zum CAS Web- und Informationsdesign habe ich für die Cleo AG einen neuen digitalen Markenauftritt konzipiert und gestaltet.
Das Ziel war es, die bestehende Corporate Identity (CI/CD) des Unternehmens aufzugreifen, zu modernisieren und für den Webkontext neu zu interpretieren – mit Fokus auf klare Kommunikation, User Experience und zeitgemäßes Design.
Dabei entstand ein eigenständiger, moderner dennoch zeitlosen Entwurf des Webauftritts, der die Marke Cleo AG visuell stärkt und die Unternehmenswerte glaubwürdig transportiert.
Herausforderung
Die Cleo AG ist ein etabliertes Unternehmen mit einem bestehenden visuellen Auftritt. Die Herausforderung bestand darin, das bestehende Corporate Design zu respektieren, es aber gleichzeitig weiterzuentwickeln – hin zu einer digitalen Form, die professionell, übersichtlich und zukunftsorientiert wirkt.
Zentrale Fragen im Projekt waren:
Wie kann die bestehende Markenidentität online zeitgemäss visualisiert werden?
Welche Struktur unterstützt die Informationsvermittlung optimal?
Wie lässt sich ein konsistentes, digitales Designsystem aus dem vorhandenen CI/CD ableiten?
Prozess
Analyse & Markenverständnis
Ich begann mit einer Analyse der bestehenden Corporate Identity der Cleo AG – Farben, Typografie, Logo, Tonalität und Anwendungsbeispiele. Ziel war es, die gestalterische DNA des Unternehmens zu verstehen, bevor sie digital weiterentwickelt wird.Konzept & Informationsarchitektur
Anschliessend entwickelte ich ein inhaltliches und visuelles Konzept für den neuen Webauftritt:klare Inhaltsstruktur und intuitive Navigation,
gezielte Call-to-Actions,
modulare, leicht pflegbare Layouts.
UI-Design & Modernisierung des CI/CD
Aufbauend auf der bestehenden Gestaltung definierte ich ein erweitertes Farbsystem, optimierte die Typografie-Hierarchie und entwickelte digitale Komponenten (Buttons, Karten, Menüs, Kontaktmodule etc.).
Das Design ist reduziert, professionell und stark auf Lesbarkeit, Struktur und Raumwirkung ausgelegt.Prototyping & Präsentation
Der finale Webauftritt wurde in einem klickbaren Figma-Prototypen umgesetzt, um Design, Interaktionen und responsive Verhalten realistisch zu demonstrieren.
Ergebnis & Learnings
Das Projekt zeigt, wie sich ein bestehendes Corporate Design erfolgreich in die digitale Welt übersetzen lässt – ohne die Markenidentität zu verlieren.
Der neue Auftritt für Cleo AG kombiniert Klarheit, Funktionalität und visuelle Eleganz – und schafft eine Grundlage, auf der sich zukünftige Kommunikationsmaßnahmen aufbauen lassen.
