das redesign der seite, und was ich beim ersten mal falsch gemacht habe

devlog · Feb 11, 2026 · 1 min read

ich habe die frontend dieser seite neu gebaut und, zum ersten mal in meinem leben, vom designsystem ausgehend angefangen statt von einem screenshot.

googles material 3 expressive ist die aktuelle referenz. die recherche dahinter behauptet einen deutlichen gewinn darin, wie „ausdrucksstark" sich ein produkt anfühlt — genau die art von behauptung, die ich vor einem Jahr noch weggewischt hätte und heute unangenehm verteidigen würde.

was sich geändert hat

• eine echte token-ebene für farbe, form und bewegung statt fest verdrahteter werte überall
• jedes interaktive element auf einer einzigen komponente neu gebaut, sodass fokusring und druckanimation nicht auseinanderlaufen können
• typografie mit einer echten skala statt „groß, größer, am größten"
• hell und dunkel aus derselben quelle gebaut, nicht zweimal geschrieben

was ich falsch gemacht habe

ich habe den ausdrucksstil als einen look behandelt, den man anwendet. ist er nicht. die bewegung soll bedeutung tragen, und die erste version hatte überall federn und darunter eine flache hierarchie. es sah teuer aus und kommunizierte nichts.

zweiter fehler: ich habe zuerst für den desktop entworfen. mobile ist der ort, an dem die arbeit beginnen sollte, und ich glaube das immer noch nicht instinktiv.