Zum Seiteninhalt springen

Webseiten-Design für Ihr Unternehmen

Für alle Branchen: Wir gestalten Ihren digitalen Auftritt. Unser UI- und UX-Team sorgt dafür, dass Ihre Zielgruppe die bestmögliche Erfahrung mit Ihrem digitalen Produkt hat.

Automobilhersteller: Bild von Laptop, Smartphone und Tablet, die die Darstellung der Konzernwebsite zeigt.
Komplexität ist unsere Stärke. Bei makandra arbeiten Entwicklung und Design Hand in Hand, von Anfang an.

Unser Webseiten-Design-Prozess

UX: 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 der finalen Webseite.

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

UI: Ihr Webseiten-Design

Nach ausgiebigen Nutzertests aller Wireframes und der Validierung der Konzepte geht es ans Umsetzen. Das Konzept wird Schritt für Schritt verwirklicht und visualisiert und in kurzen Iterationen mit Kunden und Entwickler*innen abgestimmt.

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

Ihr Markenauftritt
Die Website als Aushängeschild für Ihre Marke
Wir sind makandra: Profis für Webentwicklung, UI/UX- und DevOps aus Augsburg. Seit 15 Jahre setzen wir Webprojekte für unsere Kund*innen um. Seit mehreren Jahren unterstützt durch unsere interne Designabteilung. Benötigen Sie Beratung und Unterstüztung über das Webseitendesign hinaus? Wir haben viel Erfahrung mit CMS-Systemen für Konzerne und beraten Sie für Ihre ideale Lösung.

Screendesigns Ein Blick 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 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. 

Web-Profis aus Leidenschaft

Benötigen Sie Unterstützung bei einem Design-Projekt? Melden Sie sich bei uns, wir freuen uns darauf, Sie kennenzulernen.