Umsetzung
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.
Begleitung / Product Design · Frontend-Abstimmung
Umsatzsteuerbefreit gemäß § 19 UStG
Design-Umsetzungsbegleitung
Dein Entwicklungsteam setzt ein freigegebenes Design um. Wir vergleichen zwei Zwischenstände mit dem Entwurf und klären vereinbarte Umsetzungsfragen.
1.199,00 €
Gesamtpreis · einmaligUmsatzsteuerbefreit gemäß § 19 UStG
- Ein freigegebenes Design mit bis zu fünf Screens oder Zuständen
- Ein Entwicklungsteam und ein bereitgestelltes Staging
- Ein Übergabecheck und zwei gebündelte Abgleiche von Design und Umsetzung
Du fragst unverbindlich an. Ein Auftrag entsteht erst, wenn du unser Angebot annimmst .
Bild 1 von 4
Leistungsumfang
Dein Ergebnis
- Dokumentierter Abgleich der zwei Umsetzungsstände mit dem Entwurf
- Entscheidungshinweise zu Abweichungen und Antworten auf die vereinbarten Umsetzungsfragen
Enthalten
- Ein freigegebenes Design mit bis zu fünf Screens oder Zuständen
- Ein Entwicklungsteam und ein bereitgestelltes Staging
- Ein Übergabecheck und zwei gebündelte Abgleiche von Design und Umsetzung
- Schriftliche Klärung von bis zu zehn konkreten Umsetzungsfragen innerhalb von vier Wochen ab vereinbartem Beginn
- Dokumentierte Abweichungen, Entscheidungshinweise und eine schriftliche Rückfragerunde zum Ergebnis
Nicht enthalten
- Keine Codeentwicklung oder Änderung am Produktivsystem
- Keine Bereitschaft, SLA oder unbegrenzten Rückfragen
- Die normale Übergabe und Rückfragerunde eines Designpakets bleiben dort enthalten
- Prüfungen, die bereits Teil einer Frontend-Optimierung sind, werden nicht nochmals angeboten
Für welches Vorhaben passt die Leistung?
Passt, wenn …
- Die Umsetzung erfolgt durch dein bestehendes Team und braucht zusätzliche Designbegleitung.
- Entwurf und Prüfstände können im vereinbarten Zeitraum bereitgestellt werden.
Passt nicht, wenn …
- Du möchtest die Codeentwicklung oder eine vollständige Projektleitung beauftragen.
- Es gibt keinen abgestimmten Entwurf oder du benötigst dauerhaften Bereitschaftsdienst.
Mögliche Überschneidungen mit: UI- und Vertrauens-Refresh, Frontend-Optimierung. 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
Warum sieht die entwickelte Website anders aus als der Entwurf?
In der Testversion fehlt eine Fehlermeldung aus dem Entwurf, und am Handy verschiebt sich die Navigation. Wir gleichen die Umsetzung mit dem freigegebenen Design ab und klären Abweichungen mit eurem Entwicklungsteam.
Die Design-Umsetzungsbegleitung vergleicht ein freigegebenes Design mit bis zu fünf Screens oder Zuständen mit zwei Zwischenständen in Staging. Ein Übergabecheck und die schriftliche Klärung von bis zu zehn konkreten Umsetzungsfragen innerhalb von vier Wochen gehören zum vereinbarten Rahmen.
Abweichungen nach ihrer Bedeutung für die Nutzung einordnen
Nicht jede Abweichung hat dieselbe Bedeutung. Ein geringfügig anderer Abstand ist anders einzuordnen als eine fehlende Fehlermeldung oder eine nicht erreichbare Schaltfläche. Der Abgleich verbindet die beobachtete Umsetzung mit der Absicht des Entwurfs. Das Entwicklungsteam erhält dokumentierte Unterschiede und Entscheidungshinweise statt bloßer Geschmacksurteile.
Die Begleitung setzt ein benanntes Entwicklungsteam, ein erreichbares Staging und zwei vereinbarte Prüfpunkte voraus. Sie übernimmt weder Codeentwicklung noch Änderungen am Produktivsystem. Normale Übergabe und Rückfragerunde eines Designpakets bleiben dort enthalten; zusätzliche Abgleiche werden davon getrennt. Bereits vereinbarte Prüfungen einer Frontend-Optimierung werden nicht doppelt verkauft.
Kommt dir das bekannt vor?
Die Entwicklung interpretiert Details unterschiedlich
Der Entwurf zeigt die ausgefüllte Maske, die Entwicklung fragt nach dem Fehlerzustand. Wir sammeln solche offenen Umsetzungsfragen am freigegebenen Design und klären sie schriftlich.
Im Staging wirkt die Seite anders als im Entwurf
Im Staging steht der erklärende Hinweis unter dem Button, im Entwurf davor. Wir vergleichen die Umsetzung mit der freigegebenen Vorlage und benennen, welche Abweichung die Bedienung verändert.
Rückfragen verteilen sich über viele Kanäle
Ein Kommentar steht in Figma, eine Entscheidung im Chat und die Rückfrage im Ticket. Die gebündelten Abgleiche führen die betreffenden Punkte zu einem dokumentierten Stand zusammen.
So gehen wir vor.
Freigegebenen Stand und Fragen abgrenzen
Wir legen fest, welche Screens oder Zustände und welche Staging-Version wir prüfen. Grundlage ist das freigegebene Design. Ein neuer Entwurf gehört nicht zu diesem Abgleich.
Übergabe und Staging vergleichen
Der Übergabecheck und zwei gebündelte Abgleiche vergleichen den freigegebenen Entwurf mit der Umsetzung im Staging. Zu jeder Auffälligkeit halten wir fest, ob das Team eine Entscheidung klären oder eine Abweichung korrigieren muss.
Klärungen schriftlich festhalten
Wir beantworten im vereinbarten Zeitraum bis zu zehn konkrete Umsetzungsfragen schriftlich. Die abschließende Rückfragerunde bezieht sich auf das Ergebnis. Codeänderungen und Zugriffe auf das Produktivsystem sind nicht enthalten.
Nach der Übergabe
Verknüpfe die dokumentierten Abweichungen mit euren Entwicklungstickets. So ist beim nächsten Abgleich erkennbar, auf welchen Designstand sich eine Entscheidung bezieht. Die normale Übergabe und Rückfragerunde des Designpakets sowie bereits beauftragte Prüfungen bleiben in ihrem bisherigen Umfang enthalten.
Halte einen Ablauf fest, den wir nachstellen können: Welche Seite öffnest du, was klickst du an und was passiert dann? Bei Fragen zum Betrieb nenne die verwendeten Werkzeuge und beschreibe, wie Änderungen auf den Server gelangen.
Passwörter, Repository-Tokens und Produktionsdaten gehören nicht in die Anfrage. Benötigte Unterlagen und einen geeigneten Zugang stimmen wir gesondert ab.
Begriffe aus der Leistung
Was bedeutet das?
- Handoff
- Die Übergabe des Entwurfs an die Entwicklung. Neben den Ansichten braucht das Team Hinweise zu Interaktionen, Fehlerzuständen und den Entscheidungen hinter dem Design.
- Designabgleich
- Der Vergleich des freigegebenen Entwurfs mit dem Entwicklungsstand. Abweichungen werden an der jeweiligen Stelle dokumentiert und nach ihrer Bedeutung für die Aufgabe eingeordnet.
- Staging
- Die Testumgebung, in der wir den Entwicklungsstand ansehen. Für jeden Abgleich muss klar sein, welche Version bereitsteht und welche Funktionen darin bereits umgesetzt sind.
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 →Übernehmt ihr die Programmierung fehlender Teile?
Nein. Die Begleitung dokumentiert Abweichungen und klärt vereinbarte Umsetzungsfragen. Änderungen am Code erledigt dein Entwicklungsteam. Eine eigene technische Umsetzung wäre ein separat abzugrenzender Auftrag.
Ist die normale Designübergabe damit kostenpflichtig extra?
Die bereits enthaltene Übergabe und Rückfragerunde eines Designpakets bleiben dort Bestandteil. Diese Begleitung betrifft zusätzliche, ausdrücklich vereinbarte Abgleiche während der Entwicklung. Identische Arbeit wird nicht noch einmal angeboten.
Können wir während der ganzen Entwicklung unbegrenzt fragen?
Das Paket umfasst bis zu zehn konkrete schriftliche Umsetzungsfragen innerhalb des vereinbarten vierwöchigen Zeitfensters sowie zwei Abgleiche. Es ist kein offenes Betreuungskontingent und enthält keine ständige Bereitschaft.
Brauchen wir bereits ein freigegebenes Design?
Ja. Der Abgleich benötigt eine gemeinsame Grundlage mit bis zu fünf Screens oder Zuständen. Solange das grundsätzliche Design noch erarbeitet wird, ist eine Entwurfsleistung der passende Rahmen. Umsetzungsbegleitung ist kein Ersatz für eine fehlende Designentscheidung.
Wie laufen die zwei Abgleiche ab?
Die Abgleiche werden gebündelt auf das bereitgestellte Staging und den vereinbarten Designstand bezogen. Relevante Abweichungen und Fragen werden schriftlich festgehalten. So entsteht eine nachvollziehbare Übersicht statt einer unbegrenzten Folge spontaner Einzelreviews während des gesamten Projekts.
Was zählt als konkrete Umsetzungsfrage?
Eine Frage sollte sich auf eine benannte Stelle oder einen Zustand im vereinbarten Umfang beziehen. Zum Beispiel kann eine Informationsfolge oder Interaktionsabsicht geklärt werden. Eine vollständige neue Funktion oder ein neuer Seitentyp ist keine einzelne kleine Rückfrage innerhalb dieses Rahmens.
Wann beginnt die Bearbeitung?
Vier Wochen ab vereinbartem Beginn. Die zwei Abgleiche und benötigten Zwischenstände werden vor Beauftragung terminiert.
Welche Zugänge werden benötigt?
Ein freigegebener Entwurf mit beschriebenen Zuständen Ein benanntes Entwicklungsteam und erreichbares Staging Zwei vereinbarte Prüfpunkte innerhalb des vierwöchigen Zeitfensters 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
KI-Prototyp vor dem Launch: Was ein begrenzter Check leisten kann
Was muss vor dem ersten Einsatz funktionieren? Prüfe einen Nutzerweg samt Fehlerfällen und halte fest, welche technischen Fragen anschließend offenbleiben.
Zum Ratgeber ↗Verwandte Leistungen
Das könnte ebenfalls passen.
Umsetzung
Frontend-Optimierung
Bis zu drei vereinbarte Maßnahmen für dein bestehendes Frontend. Wir arbeiten in einer Testumgebung und dokumentieren das Ergebnis.