UX Design

UX und UI für Websites

Mit einer positiven User Experience ebnen wir den Weg zum nachhaltigen Erfolg von Produkten und Dienstleistungen.

Was ist der Unterschied zwischen UX und UI?

User Interface Design (UI) und User Experience Design (UX) werden gern verwechselt, dabei sind sie grundverschieden: UI-Design lässt ein digitales Produkt gut aussehen, steht also für die Optik einer Seite. UX-Design kümmert sich um die Gestaltung des Gesamterlebnisses unter Einbeziehung aller Aspekte bei der Interaktion mit der Website.

In mehreren Etappen entwickelt unser Y1 Expert:innen-Team ein passgenaues UX/UI, das aktuelle Technologien ebenso wie optimale Usability bzw. Barrierefreiheit berücksichtigt.

Jetzt anfragen

User Centered Design für CMS-Projekte

Anwendungsbeispiele

CMS-gestützte Websites, Microsites, Landingpages
Initialprojekt, Relaunch oder Erweiterung
UX Health-Check zur Optimierung der User Experience
UX und UI zur Integration externer Komponenten in ein CMS-Projekt (z.B. E-Commerce)

Vorteile

Höheres User-Engagement, längere Verweildauer
Verbesserte Kundenzufriedenheit und Steigerung der Kundenbindung
Reduzierung der Abbruchrate und verbesserte Conversion-Rate
Wettbewerbsvorteil durch positives Markenimage
Inklusion durch Barrierefreiheit
Optimierte Suchmaschinenplatzierung (SEO)
Reduzierte Entwicklungsaufwände durch rechtzeitige Einbeziehung von UX-Methoden

Service Bestandteile UX

Analyse und Research

Wettbewerb, Besucherzahlen und Verhalten, Nutzertests

Strategie

Design Thinking (Empathize, Define, Ideate, Prototype, Test), Personas, User Journeys

Informationsarchitektur

Sitemaps, Strukturen, Attribut-Konzepte, Taxonomien

Wireframing

Low- & High Fidelity Wireframes zu verschiedenen Zuständen der Website

Service Bestandteile UI

Digital Corporate Design

Anwendung, Erweiterung oder Transformierung bestehender CDs oder Neu-Erstellung

Atomic Design-Modell

Definition aller Design- und Interaktions-Elemente auf Basis von Atoms, Molecules und Organisms

UI-Design

Ableitung des UX-Konzepts auf realitätsnahe Webdesigns (Mobile First-Prinzip)

Online Styleguide

Modular einsetzbares Designsystem und Grundlage zur effizienten Umsetzung von CMS-Templates.

Digital Storytelling

Einprägsame und emotional ansprechende Präsentation komplexer Inhalte

Prototyping

Klickbare Prototypen für Nutzertests oder Kundenpräsentationen

CMS OpenText Referenz Berliner Wasserbetriebe Screenshot

CMS Drupal Referenz Zeitzeichen Screenshot

Informationsportal

imove-germany.de

iMOVE ist ein Projekt des Bundesministeriums für Bildung und Forschung (BMBF) und des Bundesinstituts für Berufsbildung (BIBB). Die deutsch- und englischsprachigen Informationsportale ( CMS OpenText) sowie die filterbare Anbieterdatenbank (Laravel) mit mehr als 200 Dienstleistern sollen die Zusammenarbeit zwischen deutschen und internationalen Partnern in der Berufsbildung fördern.

Jetzt ansehen

Aus 3 mach 1

utimaco.com

Für den Cybersecurity-Anbieter mit Sitz in Aachen wurden ehemals drei separate Websites in einer neuen Website verschmolzen (Informationsarchitektur, neuer Styleguide, UX/UI, Modul-Konzept) und im CMS Drupal umgesetzt. Zum Content gehören u.a. Produktkatalog und Product Finder mit vertiefenden Informationen, Knowledge Base, Blog, Stellenangebote, Partner Locator, Downloads sowie eine komfortable Facettensuche (Solr). Die Inhalte werden in den Sprachen EN, DE, JA und ES bereitgestellt. Animationen veranschaulichen das Zusammenspiel der Produkte.

Jetzt ansehen

Serviceportal

bwb.de

Die Berliner Wasserbetriebe (BWB) sind Deutschlands größtes Unternehmen für Wasserversorgung und Abwasserentsorgung. Das Informationsportal richtet sich an verschiedenste Zielgruppen und wurde im CMS OpenText umgesetzt. Zusätzlich betreuen wir das Ausbildungsportal, die Lehrkräfte-Plattform “Blaues Klassenzimmer” sowie die Kinderwebsite klassewasser.de rund um das Thema Wasser. Als kommunales Unternehmen bieten die BWB ihre Inhalte barrierefrei an.

Jetzt ansehen

Buchungsplattform

institutfrancais.de

Das Institut français Deutschland ist eine französische Kultureinrichtung mit 13 Standorten im Bundesgebiet. Es ist die offizielle Sprachschule Frankreichs und bietet neben diversen Sprachkursen ein vielfältiges Angebot an kulturellen Veranstaltungen und Förderprogrammen Wir haben das vielfältige Portal (CMS Drupal) um eine Buchungsplattform zu Französischkursen erweitert.

Jetzt ansehen

CMS mit Shopify

zeitzeichen.net

Zeitzeichen ist ein monatliches Magazin für Evangelische Perspektiven auf aktuelle Themen mit aktuellen Analysen und Kommentaren für Menschen, die sich für Politik, Gesellschaft und Religion interessieren. Das Online-Magazin wird im CMS Drupal bereitgestellt. Eine Headless Shopify Integration unterstützt den Vertrieb: So können aktuelle Ausgaben sowie tausende Premium-Artikel im Archiv auch außerhalb eines Abos erworben und gelesen werden.

Jetzt ansehen

Barrierefreies Portal

leando.de

Das im CMS Drupal umgesetzte Webportal Leando für Ausbildungs- und Prüfungspersonal entstand im Auftrag des Bundesinstituts für Berufsbildung (BIBB) und des Bundesministeriums für Bildung und Forschung (BMBF). Es verfolgt drei Ziele, um berufliche Bildung zukunftsfähig zu machen: Informieren, Vernetzen, Qualifizieren. Im Rahmen einer EU-weiten Ausschreibung erhielt die Y1 den Auftrag zur Entwicklung des Bedienkonzepts und des Oberflächen-Designs (UX/UI) unter Berücksichtigung gesetzlicher Anforderungen an die Barrierefreiheit.

Jetzt ansehen

UX/UI Design anfragen

Jetzt unverbindlich anfragen!

Die Vorteile eines guten UX/UI-Designs sind zahlreich: Sie reichen von verbesserter Kundenzufriedenheit und Steigerung der Kundenbindung bis hin zu Wettbewerbsvorteilen durch ein positives Markenerlebnis. Eine durchdachte und gut umgesetzte User Experience ist daher entscheidend für den nachhaltigen Erfolg eines Produkts oder einer Dienstleistung.