Cocktailforum

Update: Facelift und neues Designsystem für CocktailScout

Gestartet von 27. Apr, 15:43 Uhr
35 Aufrufe 3 Beiträge
27.04.2026, 15:43 #94fXqQvn

Hallo zusammen,

ein kurzes Update von mir zu dem Facelift, das ich angekündigt habe. Es ist ein eher großes Projekt geworden, aber alles andere ergibt keinen Sinn. Neue Features wie das Wiki sollen direkt auf einem soliden Designsystem aufbauen. Bisher war alles primär darauf optimiert, einfach nur zu funktionieren – Design (UI) und Benutzerführung (UX) wurden zugunsten schneller Implementierungen etwas vernachlässigt. Aber langsam wächst das Chaos, und es war an der Zeit, „Stopp“ zu sagen und wieder solide Fundamente zu bauen.

Vorweg: Ich bin kein Designer und habe auch keine allzu großen Fähigkeiten in diesem Bereich. Alles hier ist „Try and Error“. Ich habe auf der Beta-Seite bereits ein neues Designsystem aufgebaut. Es besteht aus den wichtigsten Elementen und Definitionen: Farben, Schriftarten, Links, Boxen, Buttons, Tabellen und Formularen – also alles, was man auf einer Website so braucht. Das System ist jetzt mehr oder weniger fertig und hier zu sehen:

beta.cocktailscout.de/design-system
user: hemingway
pass: sour

Die Startseite auf der Beta-Umgebung ist bereits teilweise angepasst. Es gibt eine neue und hoffentlich bessere Navigation. Die einzelnen Abschnitte im Contentbereich werde ich nun Stück für Stück durchgehen, danach sind die anderen Seiten dran.

Ich starte mit der Rezeptübersicht: Hier will ich die ganzen Filter ausblenden – auf dem Desktop als Seitenleiste und mobil ausklappbar. Der Fokus soll voll auf den Rezepten liegen. Was mich zudem total stört, sind die Avatare: 50 Avatare auf einer Seite, wo es eigentlich um Rezepte geht, sind pures Rauschen und eine unnötige Ablenkung. Es reicht, wenn dort einfach der Name steht, so wie in der Galerie. Dazu kommen ganz viele kleine Anpassungen, die mir während der Arbeit auffallen. Und am Ende wird das Ganze natürlich für Handy, Tablet und Desktop optimiert.

Ihr könnt den Prozess auf der Beta-Seite mitverfolgen:

beta.cocktailscout.de/
user: hemingway
pass: sour

Ich werde hier bekannt geben, wenn ich Updates einspiele. Feedback ist wie immer willkommen!

LG
Zoidberg wink

Zuletzt bearbeitet von am 27.04.2026, 15:43
27.04.2026, 21:37 #HfvKHDLJ

wow.......Du legst aber ganz schön los.

Die erste Seite kann ich aufrufen.

Die zweite kann ich aufrufen, aber Benutzer und Password gehen leider nicht.

wink

28.04.2026, 09:32 #5UWMGkVK

Merkwürdig...der zweite Link geht auch zu beta und da ist es hemingway/sour. Das ist immer gleich für alle beta Seiten. Ich habe es gerade in einem neuen Browser getestet und es geht. Proibiere es bitte noch mal