Unser UX-Booster ist dein kostenloser Leitfaden, der dir hilft, die Benutzererfahrung deiner Website zu verbessern und dadurch mehr Neukunden zu gewinnen.
UX/UI
Design
xzzzzzzzzzzzzzzzzzzzzzzzzzzzZZZZZZZZZZZZZZZZZZZZZZZ
Gutes User Experience und User Interface Design entscheidet nicht selten über den Erfolg oder Misserfolg eines interaktiven Produkts. Unser Spezialgebiet ist es, High-End-Lösungen zu schaffen, die intuitiv nutzbar sind und dabei auch noch verdammt gut aussehen. So überzeugen wir deine Zielgruppe von deinem Produkt oder deiner Dienstleistung. Dabei arbeiten wir pixelgenau und immer nach dem User Centered Design Prozess, welcher die Nutzer:innen immer in den Fokus aller Entscheidungen stellt.
Das Design muss natürlich zu deinem Branding passen und sollte von deiner Zielgruppe instinktiv mit deiner Marke in Verbindung gebracht werden. Daher spielt dein Corporate Design in der Designphase immer eine Hauptrolle.
Das UX Design bildet sozusagen das Gerüst eines jeden digitalen Produkts. Ohne UX Design ist das digitale Produkt nicht mehr als eine unbrauchbare Hülle. Deshalb legen wir bei der Entwicklung einer App, einer Website, eines Onlineshops oder eines anderen interaktiven Systems sehr viel Wert auf das richtige Konzept mit der richtigen Struktur und den richtigen User Flows.
Um deine Website, deine App oder dein System optimal an die Bedürfnisse deiner Zielgruppe anzupassen, startet die Konzeptphase mit der Erstellung einer detaillierten Informationsarchitektur. Diese bildet sozusagen den Bauplan und definiert die Struktur und den Aufbau deiner interaktiven Anwendung.
Mit den Wireframes wird der zuvor definierte Plan erstmalig zu einem groben, interaktiven Produkt. Hier definieren wir die Klickwege und entwickeln die visuelle Struktur der einzelnen Screens. An dieser Stelle geht es ausschließlich darum, deine interaktive Anwendung so aufzubauen, dass die höchstmögliche Nutzerfreundlichkeit erreicht wird. Je nach Komplexität testen wir die Wireframes bereits mit der Zielgruppe und lassen die Erkenntnisse in die weitere Bearbeitung mit einfließen.
Der zuvor erstellten Wireframes bilden nun die Basis für das User Interface Design. Jetzt treffen wir Designentscheidungen wie Typografie, Farb- und Formgebung oder die Bildsprache des digitalen Produkts. Das Ergebnis ist ein interaktiver Prototyp, der dem realen Produkt schon sehr nahekommt, obwohl noch keine Zeile Code geschrieben wurde. Sobald das Design mit User, Kunde und Entwicklung angestimmt ist, bereiten wir unser Design optimal für die darauf folgende Entwicklung vor. Dies erreichen wir unter anderem durch den Dev-Mode von Figma, in dem die Entwicklerinnen und Entwickler alle wichtigen Spezifikationen wie Abstände, Größen, Farben und CSS-Attribute herausziehen können. Das sorgt für einen effizienten und nahtlosen Übergang vom Design zur Entwicklung.
Micro Animationen und Transitions sind an sich nur Details und werden daher bei der Entwicklung von interaktiven Produkten häufig vernachlässigt. Diese Details haben aber einen großen Einfluss auf das Feeling, was bei der Nutzung einer Website, eines Shops, einer App oder eines Systems entsteht. Sie machen am Ende den Unterschied zwischen einem Durchschnitts- und einem High-End-Produkt.
Darum arbeiten wir mit viel Liebe zum Detail und integrieren solche Animationen bewusst in unsere Designs – natürlich immer ziel- und nutzerorientiert.
Designsysteme sind für komplexe, interaktive Produkte unverzichtbar und umfassen alle wichtigen Stile, Ressourcen und Richtlinien der Benutzeroberfläche. Dazu gehören z. B. Farbpaletten, Schriften, Abstände, Layoutraster oder auch wiederkehrende UI-Komponenten, die hier sauber angelegt und dokumentiert werden. Somit bilden Designsysteme die gemeinsame Basis für Projektmanagement, Design und Entwicklung.
Als UX/UI Design Agentur wissen wir, worauf es bei der Entwicklung deines maßgeschneiderten Designsystems ankommt. Auch nach Übergabe pflegen wir dein Designsystem und entwickeln es aktiv weiter, sodass du für zukünftige digitale Herausforderungen optimal ausgestellt bist.
