Startseite/Leistungen/Fiori Screendesign

SAP Fiori Screendesigns in Figma: Lösungen sichtbar machen, bevor sie aufwendig entstehen

Ich gestalte Ihre Fiori-Apps detailgetreu in Figma, mit den offiziellen SAP-UI-Kits. Ihre Key User klicken den Prototyp durch, bevor eine Zeile Code entsteht.

Figma-Arbeitsdatei mit SAP-Fiori-Screens einer Bestellanforderung, die zu einem Klickprototyp verknüpft sind
Echte Arbeitsdatei: Fiori-Screens, verknüpft zum Klickprototyp
Projekte fürKundenlogos: SAP, E.ON, dm-drogerie markt, Bundesagentur für Arbeit, CANCOM, Thalia, XitingKundenlogos: SAP, E.ON, dm-drogerie markt, Bundesagentur für Arbeit, CANCOM, Thalia, Xiting
Überblick
Maximilian GräfMaximilian Gräf
SAP UX Designer, Dresden

Ein Screendesign zeigt Ihre neue Fiori-App, bevor sie gebaut wird. Fachbereich, Key User und Entwicklung sehen dasselbe Bild und entscheiden auf einer gemeinsamen Grundlage.

Ich gestalte Ihre Apps in Figma mit den offiziellen SAP-UI-Kits, verknüpfe die Screens zu Klickprototypen und teste sie mit Ihren Key Usern. Das gilt für die Fiori Eigenentwicklung genauso wie für angepasste Standard-Apps im Fiori Customizing.

Auf Wunsch stimme ich die Screens direkt mit Ihrem Entwicklungsteam oder Implementierungspartner ab. So wird am Ende genau das gebaut, was Ihre Key User im Prototyp bestätigt haben.

Ausgangslage

Das Problem

Kleine Anpassungen können große Budgets verschlingen, wenn sie zu spät kommen.

In vielen SAP-Projekten sehen Fachbereich und Key User die neue Oberfläche erst, wenn sie gebaut ist. Dann wird jede Änderung zum Change Request. Am Screendesign ist dieselbe Frage in Minuten geklärt, solange alle dasselbe Bild vor Augen haben.

FAUSTREGEL 1 : 10 : 100
Aufwand für dieselbe Änderung ×1
Änderung im ScreendesignFeld verschieben, Begriff ändern, neu testen. Erledigt im selben Termin mit dem Fachbereich.
ScreendesignEntwicklungGo-live
ÄnderungskostenGestaltungsspielraum
Fiori-Expertise

Hinter jedem Detail steckt eine Fiori-Entscheidung.

Fiori-Screens gestalte ich bis heute von Hand, mit den offiziellen SAP-UI-Kits. KI kann dabei unterstützen, die Verantwortung bleibt bei mir.

Ich kenne die SAP Fiori Design Guidelines in- und auswendig und prüfe jeden Screen aus drei Blickwinkeln, bevor er in die Entwicklung geht. So kommt bei Ihrem Team nur an, was sich auch bauen lässt.

Passt jeder Baustein zu den SAP Fiori Design Guidelines?
SAP-Fiori-Object-Page zum Anlegen einer Bestellanforderung mit Pflichtfeldern, Wertehilfen, Budgetwarnung und Fehlermeldung am Feld
Maximilian Gräf
Ich zeige Ihnen den Weg zu optimaler User Experience.Maximilian Gräf, SAP UX Designer und Geschäftsführer von Futurisma
Potenzialanalyse buchen
Vorgehen

So entsteht Ihr Screendesign

Vier Schritte, in denen Ihre Key User von Anfang an mitreden. Die Entwicklung startet erst, wenn das Design am Prototyp bestätigt ist.

Schritt 01

Rollen, Aufgaben, Standard

Wer arbeitet mit der App, was muss erledigt werden und was liefert SAP schon mit? Mit Ihren Key Usern legen wir Rollen, Aufgaben und Schmerzpunkte offen. So nah am Standard wie möglich, so weit wie nötig.

ERGEBNISRollen- und App-Landkarte
Rolle und AufgabeFit-to-StandardLösung
LLagerleitungMaterial schnell anfordernMaterial per Freitext, viele Rückfragen
BBudgetverantwortungUnterwegs prüfen und freigebenFreigabe nur am Arbeitsplatz möglich
EEinkaufViele Anforderungen bündelnStatus unklar, Nachfragen per Mail
Deckt der Standard das ab?
Standard passtF0862 · Meine InboxOhne Anpassung nutzbar
Standard + Adapt UIF1643 · BANF anlegenFelder ein- und ausblenden
Eigener ScreenF2229 · BANF verwaltenGestaltet und spezifiziert
Deckt der Standard das ab?
LLagerleitungMaterial schnell anfordernMaterial per Freitext, viele Rückfragen
Standard + Adapt UIF1643 · BANF anlegenFelder ein- und ausblenden
BBudgetverantwortungUnterwegs prüfen und freigebenFreigabe nur am Arbeitsplatz möglich
Standard passtF0862 · Meine InboxOhne Anpassung nutzbar
EEinkaufViele Anforderungen bündelnStatus unklar, Nachfragen per Mail
Eigener ScreenF2229 · BANF verwaltenGestaltet und spezifiziert
01 / 04
Ergebnis

Was Sie danach haben

  • Lösungen, die man erleben kann, bevor die Entwicklung startet
  • Einen Klickprototyp, den Ihre Key User bestätigt haben
  • Eine klare Vision fürs Team und konkrete Vorgaben für die Entwicklung
  • Designs nah am Fiori-Standard, effizient zu entwickeln
  • Screendesigns für jede Rolle, auf Desktop und Mobil
Zusammenarbeit

Pakete

Feste Pakete mit klarem Umfang statt Stundensatz. Laufende Begleitung als Retainer mit festem Monatskontingent.

Screendesign-Sprint

2 WochenUmfang

Eine App oder ein Prozess: Rollen klären, Screens gestalten, Klickprototyp.

Ergebnis

Getesteter Prototyp als Entscheidungsgrundlage

App-Konzept

4 bis 8 WochenUmfang

Mehrere Apps oder Rollen, Tests mit Key Usern, Spezifikation für die Entwicklung.

Ergebnis

Umsetzungsreife Vorlage für Ihr Entwicklungsteam

Design-Begleitung

LaufendUmfang

Feste Projekttage pro Woche: neue Anforderungen gestalten, Umsetzung abnehmen.

Ergebnis

Einheitliche Apps über das ganze Projekt

Aus der Praxis

Referenzen

20

Fiori-Standard-Apps für SAP IS-U im Auftrag von SAP mitgestaltet.

2 Wochen

für ein detailliertes Konzept zum Fiori-Relaunch bei Thalia.

105.000

Mitarbeitende nutzen das Fiori Launchpad der Bundesagentur für Arbeit.

dm

Designsystem, das bei dm-drogerie markt SAP Fiori ablöst.

FAQ

Häufige Fragen

Warum nicht direkt entwickeln?

Weil eine Änderung am Screendesign Minuten dauert und nach der Entwicklung Tage. Am Prototyp sehen alle dasselbe Bild, Missverständnisse fallen auf, bevor sie Geld kosten.

Kann das nicht einfach eine KI generieren?

KI kann unterstützen, entscheiden muss ein Mensch. Generierte Screens sehen schnell gut aus, kennen aber selten die Grenzen von SAPUI5, Fiori Elements und Ihrem Prozess. Ich gestalte und prüfe jeden Screen gegen die Fiori-Guidelines, damit nur Umsetzbares bei der Entwicklung ankommt.

Reicht es, die alte GUI-Transaktion in Fiori nachzubauen?

Nein. Fiori ist mehr als neues Make-up für alte Anwendungen. Wer nur die Transaktion im neuen Look nachbaut, verschenkt den Nutzen. Wir gestalten die Aufgabe der Rolle, nicht die Maske von gestern.

Brauchen wir eine Figma-Lizenz?

Nein. Zum Ansehen, Kommentieren und Durchklicken reicht ein Link im Browser. Gestaltet wird in meiner Lizenz.

Wie kommen die Designs zur Entwicklung?

Über den Figma-Link mit Spezifikation je Screen: welche Controls, welche Zustände, welche Texte. Ich arbeite eng mit Ihrem Entwicklungsteam oder Implementierungspartner zusammen und prüfe das Ergebnis.

Welche App wollen Sie zuerst sehen?

In 30 Minuten klären wir, welche App sich für ein Screendesign anbietet und wie wir starten. Oder Sie schreiben mir direkt.

Der schnellste Einstieg Potenzialanalyse 30 Minuten, kostenlos: Wir schauen gemeinsam auf Ihre Rollen, Apps und Pläne.
Ehrliche ErsteinschätzungKonkrete nächste SchritteKein Verkaufsgespräch
So läuft es ab1Termin online wählen230 Minuten im Videocall3Ersteinschätzung und nächste Schritte
Sie sprechen direkt
mit Maximilian Gräf
Termin wählen
Der Kalender von Microsoft Bookings lädt hier erst nach Ihrem Klick. Dabei werden Daten an Microsoft übertragen.
Oder schreiben Sie mir Nachricht
Danke für Ihre Nachricht!
Ich melde mich in Kürze persönlich bei Ihnen.
Da ist leider etwas schiefgelaufen. Bitte versuchen Sie es noch einmal oder schreiben Sie mir direkt an mg@futurisma.de.
Futurisma, We innovate SAP© 2026 Futurisma UG · Dresden
Wenn Sie auf «Akzeptieren» klicken, stimmen Sie der Speicherung von Cookies auf Ihrem Gerät zu, um die Bedienung der Website zu verbessern, die Nutzung der Website zu analysieren und unsere Marketingbemühungen zu unterstützen. Lesen Sie unsere Datenschutzerklärung für weitere Informationen.