Das ist enthalten

  • Nutzerwege und Seitenstruktur
  • Wireframes und klickbare Prototypen in Figma
  • Visuelles Design mit Farben, Schriften und Abständen
  • Barrierearme Gestaltung mit ausreichenden Kontrasten
  • Helles und dunkles Farbschema
  • Designsystem mit wiederverwendbaren Bausteinen

Passend für

  • Projekte, bei denen vor der Entwicklung Klarheit gebraucht wird
  • Bestehende Websites oder Apps, bei denen Nutzer hängen bleiben
  • Betriebe, die einen einheitlichen Auftritt über alle Kanäle wollen

Technik

  • Figma
  • Design Tokens
  • CSS Custom Properties
  • WCAG 2.2

Passende Projekte

Passende Apps

  • Abfallkalender Worms

    Alltag

    Abfuhrtermine für Ihre Straße in Worms, mit Erinnerungen und Abfall-ABC

  • Math Learn

    Bildung

    Mathe-Arbeitsblätter von der Vorschule bis Klasse 6 als PDF erstellen und drucken

Fragen zu dieser Leistung

Bekomme ich auch nur das Design, ohne Programmierung?

Ja. Sie erhalten die Figma-Dateien und ein Designsystem, mit dem auch andere Entwickler arbeiten können. Auf Wunsch setze ich das Design auch selbst um.

Was bedeutet barrierearm?

Die Oberfläche funktioniert auch mit Tastatur, Screenreader und vergrößerter Schrift, und Texte haben genug Kontrast. Das hilft Menschen mit Einschränkungen und macht die Bedienung für alle einfacher. Für manche Onlineshops ist Barrierefreiheit seit Juni 2025 durch das Barrierefreiheitsstärkungsgesetz zudem Pflicht.

Wie läuft die Abstimmung zum Design ab?

Wir arbeiten in kurzen Runden: Ich zeige einen Entwurf, Sie geben Rückmeldung, ich passe an. So nähern wir uns schrittweise an, statt zwischen mehreren fertigen Varianten wählen zu müssen.