Zum Seiteninhalt springen

UI/UX-Design by makandra

Ein fantastisches Erlebnis – durch Design. Durch Research. Durch Verständnis für das Problem. Unser UI- und UX-Team sorgt dafür, dass Ihre Zielgruppe die bestmögliche Erfahrung mit Ihrem digitalen Produkt hat.

Teamfotos - Moods

So arbeiten wir Unser UI/UX-Design-Prozess

Analyse & Research

In unserem UX-Prozess analysieren wir Ihr Produkt, die Zielgruppe, den Nutzungskontext und alle weiteren Rahmenbedingungen. Wir ermitteln ggf. Personas und Use Cases, um eine fundierte Datengrundlage für erste Anforderungen und Wireframes zu schaffen.

Methoden: Design Brief, individuelle Workshop Formate, User Research

Konzeption und erstes Visuals

In der Entwicklungs- und Entwurfsphase erarbeiten wir erste Ideen und Lösungen. Ziel ist es, konkrete Visualisierungen zu erhalten und zu evaluieren. Hierbei entwerfen wir einfache Scribbles und Wireframes. In einem nachfolgenden iterativen Prozess schaffen wir eine gemeinsame Vorstellung und Verständnis für den Aufbau und das Konzept des finalen Produkts.

Methoden: Low- & Mid-Fi Wireframe, Design Retro Workshops, User-Testing

User-Interface-Design

Nach ausgiebigen Nutzertests aller Wireframes und der Validierung der Konzepte geht es ans Umsetzen. Im User Interface wird das Konzept Schritt für Schritt verwirklicht und visualisiert und in kurzen Iterationen mit Kunden und Entwickler*innen abgestimmt. Bei komplexen und langfristigen Projekten entwickeln wir ein Design-System für ihr digitales Produkt.

Methoden: Hi-Fidelity Designs in Figma, Design Sytems, User Testing

Screendesigns Einblicke in unsere Projekte

In diesem Projekt haben wir zusammen mit makandra ein eigenes Design-System entwickelt. Das UI/UX-Team hat dort fantastische Arbeit geleistet.
Michael Woywode
Michael Woywode Key-Account-Management bei GREENZERO

Leistungen Das bieten wir Ihnen – UI-Design

  • User Interface-Design
    Aus Ihren Ideen, Wireframes und bestehenden Styleguides erschaffen wir detaillierte visuelle Design-Mockups und Prototypen. Dadurch wird gezeigt, wie sich die finale Seite anfühlt und verhält. In einem iterativen und agilen Prozess wird das Design der Seiten entwickelt.
  • Barrierefreiheit
    Besonders wichtig ist es, Ihre digitalen Services und Produkte barrierefrei zu gestalten, damit sie für jeden User zugänglich sind, unabhängig von den genutzten Endgeräten und Plattformen.
  • Design-Systeme
    Wir arbeiten mit den Prinzipien des Atomic Designs, bei dem alle verwendeten Elemente bis auf die kleinste Einheit wie Font oder HTML-Tag heruntergebrochen und abgelegt werden. Durch den modularen Ansatz wird die Konsistenz, Flexibilität und Geschwindigkeit der Design-Entwicklung gesteigert.
  • Design-System-Beratung
    Sie haben noch nie mit Design-Systemen gearbeitet und brauchen einen professionellen Partner, der Sie berät?
  • Prototyping
    Die High-Fidelity-Prototypen, mit denen wir häufig in den späteren Phasen arbeiten, sind hochgradig funktional und interaktiv. Sie eignen sich sehr gut für abschließende Usability Tests.
  • Icon-Design
    Individuelle Icons werten die Ästhetik der Benutzeroberfläche auf und tragen auch zu einer besseren Bedienbarkeit bei. Außerdem steigern sie den Wiedererkennungswert.

Leistungen Das bieten wir Ihnen – UX-Design

  • Beratung und Analyse
    Wir unterstützen Sie mit einem UX-Audit, Web-Analytics und einem Benchmark-Check. Dabei nutzen wir Tools wie Google Analytics, Adobe Analytics oder Matomo, um Potenziale in Ihrem bisherigen Auftritt herauszufiltern und Sie mit Ihren Wettbewerbern zu vergleichen.
  • UX-Strategie & User Research
    Die Bedürfnisse und das Verhalten Ihrer Zielgruppe als auch die verschiedenen Nutzungsszenarien identifizieren wir durch Interviews und Befragungen sowie User Journey Maps und Empathy Mapping geben Ihnen ein klares Bild Ihrer aktuellen und potenziellen Zielgruppe und eröffnen völlig neue Perspektiven.
  • Information Architecture
    Mithilfe von schlüssigen Sitemaps und einem nachvollziehbaren Navigationskonzept erstellen wir Ihnen das Grundgerüst Ihres digitalen Auftritts. Als Ziel gilt es, über geeignete Methoden, wie Card-Sorting, komplexe Informationen so zu strukturieren, dass Inhalte schneller und intuitiver gefunden werden. Die Verwendung von User Flows und Wireframes hilft bei der Visualisierung der ersten Entwürfe.
  • Prototyping & Usability Testing
    Die Erarbeitung eines Low-Fidelity-Prototyps erlaubt eine Visualisierung und iterative Optimierung der Informationsarchitektur und Inhaltsgestaltung. Bei den Usability Tests bearbeiten potenzielle Nutzer konkrete Aufgabenstellungen. Das daraus folgende Feedback nutzen wir für weitere Verbesserungsmöglichkeiten. 
Weitere Leistungen: Webseiten-Design von makandra
Wir gestalten Ihren digitalen Auftritt. Kontaktieren Sie uns, wenn Sie über einen Relaunch, ein Redesign, oder eine Modernisierung Ihrer Webseite nachdenken.
Mehr erfahren

Sie brauchen einen erfahrenen Partner für das Design Ihres Erfolgs?

Berichten Sie uns von Ihrem Vorhaben und wir geben Ihnen eine Ersteinschätzung. 

Verwenden Sie das Kontaktformular oder schreiben Sie uns an info@makandra.de. Telefonisch erreichen Sie uns unter 0821 588 66 - 180