Umsetzung
UX Design: Nutzungsweg & Prototyp
Wie soll der Ablauf aussehen, bevor er entwickelt wird? Wir entwerfen bis zu fünf Screens oder Zustände und verbinden sie zu einem klickbaren Prototyp.
Umsetzung / Product Design · Visuelle Gestaltung
Umsatzsteuerbefreit gemäß § 19 UStG
UI- und Vertrauens-Refresh
Ein neuer Entwurf für eine bestehende Seite, auf Desktop und Mobil. Mit geordneten Inhalten und Hinweisen für die Entwicklung.
1.199,00 €
Gesamtpreis · einmaligUmsatzsteuerbefreit gemäß § 19 UStG
- Ein klar abgegrenzter Seitentyp als Designentwurf
- Ausarbeitung für Desktop und Mobil
- Informationshierarchie, Bild- und Textbehandlung, Übergabehinweise
Du fragst unverbindlich an. Ein Auftrag entsteht erst, wenn du unser Angebot annimmst.
Bild 1 von 4
Leistungsumfang
Dein Ergebnis
- Designentwurf für den vereinbarten Seitentyp auf Desktop und Mobil
- Übergabehinweise zur Inhaltsfolge, Gestaltung und den relevanten Zuständen
Enthalten
- Ein klar abgegrenzter Seitentyp als Designentwurf
- Ausarbeitung für Desktop und Mobil
- Informationshierarchie, Bild- und Textbehandlung, Übergabehinweise
- Eine vereinbarte Überarbeitung und eine schriftliche Rückfragerunde
Nicht enthalten
- Keine Entwicklung und keine gesamte Website
- Keine rechtliche Prüfung von Werbeaussagen
- Keine neuen Kundenbewertungen, Zertifikate oder sonstigen Nachweise
Für welches Vorhaben passt die Leistung?
Passt, wenn …
- Du möchtest eine konkrete Seite nach geklärtem Bedarf überarbeiten.
- Ein Entwickler oder anderes Umsetzungsteam kann den Entwurf übernehmen.
Passt nicht, wenn …
- Du brauchst eine vollständig entwickelte Website oder neue Markenidentität.
- Du erwartest, dass Gestaltung fehlende echte Nachweise ersetzt.
Mögliche Überschneidungen mit: Bildsprache- und Marken-Check, UX Design: Nutzungsweg & Prototyp, UX Writing: Oberflächentexte, Design-Umsetzungsbegleitung. Fragst du diese Leistungen für dasselbe Projekt an, prüfen wir vor der Beauftragung, welche Arbeiten sich doppeln. Auch im Warenkorb siehst du einen Hinweis dazu.
Darum geht es
Wie lässt sich eine unübersichtliche Seite klarer gestalten?
Die Angaben sind vorhanden, aber Besucher übersehen sie. Wir ordnen Texte, Bilder und Bedienelemente eines bestehenden Seitentyps neu. Im Entwurf wird erkennbar, was zusammengehört und welche Handlung als Nächstes möglich ist.
UI ist die Abkürzung für Benutzeroberfläche. Das Paket arbeitet einen klar abgegrenzten Seitentyp für Desktop und Mobil neu aus. Dabei werden Inhalt, Bild und Text als zusammenhängende Entscheidungshilfe betrachtet. Es geht um einen konkreten Designentwurf für die bestehende Seite, nicht automatisch um eine neue Website oder ein neues Markenkonzept.
Inhalte ordnen und die nächste Handlung erkennbar machen
Im Entwurf ordnen wir vorhandene Angaben zu Angebot, Ablauf und Ansprechpartnern so an, dass sie an der passenden Stelle auffindbar sind. Bewertungen, Zertifikate oder Referenzen verwenden wir nur, wenn sie tatsächlich vorliegen und freigegeben sind.
Die Ausarbeitung enthält Hinweise für die Entwicklung und eine vereinbarte Überarbeitung. Sie zeigt die Informationsfolge und relevante Zustände des vereinbarten Seitentyps. Dein Team kann darauf aufbauend die technische Umsetzung planen. Soll zunächst geklärt werden, wo die heutige Seite Schwierigkeiten verursacht, ist ein Anfragen- oder Kaufhürden-Check häufig der gezieltere erste Schritt.
Kommt dir das bekannt vor?
Alles auf der Seite wirkt gleich wichtig
Überschrift, Aktionsfläche und drei Hinweise ziehen gleichzeitig Aufmerksamkeit auf sich. Wir ordnen den Seitentyp so, dass Einstieg, wichtige Angaben und nächste Handlung erkennbar werden.
Die mobile Ansicht wirkt zusammengedrückt
Die Desktopspalten werden am Handy nur schmaler. Texte brechen ungünstig um und die Auswahl rutscht aus dem Blick. Wir arbeiten die Informationsfolge für beide Ansichten aus.
Der Auftritt verspricht mehr als die Inhalte erklären
Der Entwurf sieht aufwendig aus, aber Lieferumfang oder Voraussetzungen fehlen. Wir markieren diese Inhaltslücken und gestalten mit den bestätigten Angaben zu deinem tatsächlichen Angebot.
So gehen wir vor.
Seitentyp und Informationsbedarf festlegen
Wir legen fest, welche Seite überarbeitet wird und was Besucher dort entscheiden sollen. Eine Produktdetailseite braucht zum Beispiel andere Informationen als eine allgemeine Angebotsseite.
Desktop und Mobil ausarbeiten
Wir ordnen Überschriften, Texte, Bilder und Handlungen für Desktop und Mobil. Weitere Seitentypen und ein vollständiges Designsystem gehören nicht zu diesem Entwurf.
Überarbeiten und übergeben
Du erhältst den Designentwurf, eine vereinbarte Überarbeitung und Hinweise für die Übergabe. Die Programmierung ist nicht enthalten.
Nach der Übergabe
Prüfe den Entwurf mit einer Aufgabe: Findest du etwa die passende Variante und ihren Lieferumfang? Formuliere Rückmeldungen an der betreffenden Stelle. „Die Maße fehlen vor der Auswahl“ ist für die Überarbeitung brauchbarer als „Die Seite braucht mehr Wirkung“.
Wenn der grundlegende Nutzungsweg noch fehlt, ist ein Prototyp oft die passendere vorgelagerte Aufgabe. Für den Abgleich eines bereits freigegebenen Designs mit laufender Entwicklung gibt es die Design-Umsetzungsbegleitung. Die normale Übergabe des Refreshs wird dabei nicht noch einmal als zusätzliche Leistung berechnet.
Überlege, was Besucher auf der Seite verstehen oder auswählen sollen. Lege für die spätere Abstimmung vorhandene Gestaltungsrichtlinien und die betreffenden Motive bereit.
Markiere, welche Inhalte und Bilder feststehen und welche verändert werden dürfen. Falls Rechte oder Produktangaben noch ungeklärt sind, benötigen wir diese Information vor der Entwurfsarbeit.
Begriffe aus der Leistung
Was bedeutet das?
- User Interface
- Die sichtbare und bedienbare Oberfläche einer Anwendung, etwa Navigation, Texte, Bilder und Formularfelder. Der Entwurf legt deren Gestaltung fest; die Entwicklung setzt sie technisch um.
- Informationshierarchie
- Die Reihenfolge und Gewichtung von Inhalten. Sie bestimmt beispielsweise, ob Voraussetzungen vor einer Leistungswahl erklärt werden und welche Details später folgen.
- Designübergabe
- Der Entwurf samt Hinweisen für das Entwicklungsteam. Dazu gehören Angaben zu Anordnung und Verhalten sowie die noch zu klärenden technischen Fragen.
Vor deiner Anfrage
Fragen zum Angebot.
Was gehört zur Leistung, was brauchst du dafür und wie geht es nach der Anfrage weiter?
Der Ablauf im Detail →Wird der Entwurf auch programmiert?
Nein. Das Paket umfasst den Designentwurf und die beschriebenen Übergabehinweise. Die Entwicklung erfolgt durch dein vorhandenes Team oder in einem separat vereinbarten Auftrag. So bleiben Gestaltung und technische Umsetzung klar kalkulierbar.
Was zählt als ein Seitentyp?
Ein Seitentyp ist beispielsweise eine Produktdetailseite oder eine Angebotsseite mit einem bestimmten Aufbau. Mehrere grundlegend verschiedene Seiten sind nicht automatisch enthalten. Welche Ansicht und Zustände ausgearbeitet werden, klären wir vor Beauftragung.
Bekomme ich neue Bewertungen oder Vertrauenssiegel?
Nein. Der Entwurf nutzt nur tatsächlich vorhandene und freigegebene Nachweise. Wo solche Belege fehlen, können ein nachvollziehbarer Leistungsumfang und eine verständliche Arbeitsweise Orientierung geben. Gestaltung ersetzt keine echten Nachweise.
Sind Desktop und Mobil enthalten?
Ja, der abgegrenzte Seitentyp wird für Desktop und Mobil ausgearbeitet. Die Informationsfolge soll in beiden Ansichten verständlich sein. Zusätzliche Anwendungen, weitere Seitentypen oder beliebig viele Sonderzustände erweitern den Umfang und müssen separat vereinbart werden.
Können vorhandene Markenrichtlinien bleiben?
Vorhandene, bereitgestellte Gestaltungsgrundlagen sind wichtiger Kontext. Der Refresh beginnt nicht automatisch mit einer neuen Markenidentität. Nenne in der Anfrage, welche Vorgaben bereits feststehen und welche Teile des Seitentyps tatsächlich zur Überarbeitung offen sind.
Wann beginnt die Bearbeitung?
Seitenumfang, Überarbeitung und Bearbeitungsfenster werden vor Beauftragung schriftlich bestätigt.
Welche Zugänge werden benötigt?
Ein bestehender Seitentyp und ein vereinbartes Gestaltungsziel Freigegebene Inhalte, Bildmaterial und tatsächlich vorhandene Nachweise Vorhandene Markenleitplanken, soweit verfügbar Zugangsdaten gehören nicht in die Anfrage. Details werden erst nach schriftlicher Beauftragung abgestimmt.
Was passiert nach der Übergabe?
Eine schriftliche Rückfragerunde ist enthalten. Welche Analysen, Entwürfe oder technischen Änderungen zum Paket gehören, steht im Leistungsumfang. Zusätzliche Arbeiten stimmen wir mit dir ab, bevor sie beginnen.
Zum Thema weiterlesen
Redesign kalkulieren: Wofür sich ein Designbudget einsetzen lässt
Kläre zuerst, was Menschen auf deiner Seite nicht verstehen. So trennst du Gestaltung, Umsetzung und eine angenommene Wirkung auf Bestellungen oder Anfragen.
Zum Ratgeber ↗Verwandte Leistungen
Das könnte ebenfalls passen.
Begleitung
Design-Umsetzungsbegleitung
Dein Entwicklungsteam setzt ein freigegebenes Design um. Wir vergleichen zwei Zwischenstände mit dem Entwurf und klären vereinbarte Umsetzungsfragen.