Ich werde ein skalierbares zugängliches Multi-Brand-Designsystem aufbauen

B
bokysarkar
B
bokysarkar
Subhrajit
Einige Informationen wurden automatisch übersetzt.
build a scalable accessible multi brand design system
Vollbild
build a scalable accessible multi brand design system
Vollbild
Vollbild
build a scalable accessible multi brand design systembuild a scalable accessible multi brand design systembuild a scalable accessible multi brand design system

Über diesen Service

Automatische Übersetzung

Baue dein UI nicht für jede Geschäftseinheit neu auf und vermeide es, bei Accessibility-Tests zu scheitern.

Die meisten Designsysteme brechen, sobald eine zweite Marke oder ein Dark Mode auftaucht, weil Farben in Komponenten hardcodiert sind, anstatt durch Tokens zu fließen. Und die meisten scheitern an WCAG, weil Accessibility nur als manueller Audit am Ende angebracht wird.

Ich konzipiere dein Designsystem auf einem drei-Schichten-Token-Modell, sodass eine Komponentenbibliothek jede deiner Geschäftseinheiten bedienen und gleichzeitig konform bleiben kann:

Schicht 1 Palette / Marken-Tokens. Hier leben die Markenfarben. Das ist die einzige Schicht, die eine neue BU berühren muss. Gib mir eine Palette, und du bekommst ein vollständig thematisiertes Produkt

Schicht 2 Semantische Tokens (Light+Dark Mode). Palette-Werte werden Rollen zugeordnet surface, text-primary, border-subtle, action-default. Modewechsel und Rebranding passieren hier, ohne Komponenten neu zu gestalten. Hier wird auch die Zugänglichkeit durchgesetzt: Kontrast wird einmal pro semantisches Paar validiert und dann von jeder Komponente geerbt

Schicht 3 Komponenten-Tokens. Buttons, Inputs, Cards und der Rest referenzieren nur semantische Tokens.

Das Ergebnis: Um eine neue BU zu starten, tauscht dein Team Schicht 1 aus, und die gesamte UI wird automatisch neu gethemt, im Light- und Dark-Mode, und bleibt WCAG AA-konform

  • App-Typ

    • Business
    • Finanzen
    • Medizin

  • Design-Tool

    • Figma

  • Gerät

    • Desktop
    • Tablet
Bevorzugte Lieferart

Bitte informiere den Freelancer über alle Präferenzen oder Bedenken in Bezug auf den Einsatz von KI-Tools bei der Ausführung und/oder Lieferung deines Auftrags.

Lerne Subhrajit kennen

Subhrajit

Senior UX Designer, B2B SaaS, Dashboards, Design Systems, AI Interface

4,7(5)
  • AusIndien
  • Mitglied seitApr. 2019
  • ⌀ Antwortzeit1 Stunde
  • Letzte Lieferung4 Jahre

  • Sprachen

    Bengalisch, Hindi, Englisch
B2B SaaS brings different design challenges than B2C—and that's where I thrive. For last 5 years, I've helped B2B companies ship scalable design systems that bring consistency across their products, turned complex data into clean dashboards with smart sorting, filtering, and the right charts, and built admin panels to manage client portals—driving real gains in efficiency and productivity. Whatever your design problem, I'm here to solve it. Let's start with a UX audit—I'd love to dig in.

Automatische Übersetzung

Verwandte Tags