Zum Inhalt springen
Europäisches UnternehmenGegründet in 2014In Europa entwickelt und betriebenZahlungen abgesichert durch Kartenzahlungen werden über Stripe abgewickelt. Ihre Kartendaten erreichen niemals unsere Server.
GRADAX

Mobile-App-Design

iOS- und Android-App-Screens in Figma gestaltet, mit Flows, Zuständen und einer Komponentenbibliothek, die für den Build bereit ist.

Verkauft von GRADAXBrand & DesignDirekt kaufenGegründet 2014, in Europa entwickelt und betrieben

Wichtige Merkmale

  • User-Flow-Diagramme
  • Wireframes
  • Fertige Screen-Designs in Figma
  • Klickbarer Prototyp
  • Komponentenbibliothek und Übergabenotizen für Entwickler
Vollständige Spezifikation ansehen

Über diesen Service

Wir gestalten mobile Apps Bildschirm für Bildschirm in Figma und folgen den iOS- und Android-Konventionen, damit sich die App auf beiden zu Hause fühlt. Die Arbeit beginnt mit User Flows, geht zu Wireframes über und dann zum fertigen Design, in dem jeder Zustand berücksichtigt ist, einschließlich leer, laden, Fehler und offline. Sie erhalten einen Prototyp zum Testen und eine Komponentenbibliothek, auf der Entwickler aufbauen können.

Die Zustände gestalten, die niemand im Portfolio zeigt

App-Design-Portfolios zeigen den Happy Path: ein voller Feed, ein ausgefülltes Profil, eine erfolgreiche Zahlung. Echte Nutzer verbringen viel Zeit in anderen Zuständen. Die leere Liste beim ersten Start. Der Spinner, während Daten laden. Der Fehler, wenn das Netzwerk abbricht. Das Formular mit einem falsch ausgefüllten Feld. Wenn Designer diese auslassen, improvisieren Entwickler sie unter Termindruck, und dort beginnt sich eine App unfertig anzufühlen.

Wir gestalten jeden Bildschirm in allen seinen Zuständen als Teil des Leistungsumfangs, nicht als Extra. Für jeden fragen wir, was der Nutzer sieht, was er als Nächstes tun kann und wie er sich erholt. Ein Leerzustand, der erklärt, was zuerst zu tun ist, ist oft der wichtigste Bildschirm im Onboarding.

  • Leer: erste Nutzung, keine Ergebnisse, noch nichts gespeichert
  • Laden: was während des Wartens erscheint und wie lange
  • Fehler: was schiefgelaufen ist, in klaren Worten, und wie man ihn behebt
  • Offline: Was funktioniert noch ohne Verbindung

Plattformkonventionen sparen Nutzern Aufwand

iOS- und Android-Nutzer haben unterschiedliche Gewohnheiten gelernt: wo die Zurück-Taste ist, wie Navigation funktioniert, was ein langer Druck bewirkt, wie Einstellungen aussehen. Eine App, die diese Gewohnheiten ignoriert, lässt Menschen über die Oberfläche nachdenken statt über die Aufgabe.

Wir folgen Apples Human Interface Guidelines und Googles Material Design, wo sie zählen, und behalten Markenausdruck für Farbe, Typografie, Illustration und Bewegung. Tippziele erfüllen die empfohlenen Mindestgrößen, und Text- und Farbkontrast erfüllen die Accessibility-Richtlinien, was die App auch bei hellem Sonnenlicht leichter bedienbar macht.

Spezifikationen

Kategorie
Brand & Design
Preis
420 € bis 1.750 €
Sizes
Klein (Kernbildschirme), Mittel (MVP-Design), Groß (Komplettes App-Design)
Bearbeitungszeit
1 bis 8 Wochen
Billed
Einmalig
Was Sie erhalten
5 Elemente, alle im Preis enthalten
Was wir von Ihnen brauchen
Eine Beschreibung, was die App tut und wer sie nutzt, Brand Guidelines oder das Brand-Design-Add-on, Bestehende App, Wireframes oder Wettbewerbsbeispiele
Am häufigsten gekauft von
Gesundheit und Fitness, Finanzdienstleistungen, Einzelhandel, Bildung
Verkauft und geliefert von
GRADAX, ein Vertrag und ein Team
Wo Ihre Daten verarbeitet werden
Europäische Union

Was Sie erhalten

Alles unten ist im Preis enthalten. Nichts hier ist ein Upgrade.

  • User-Flow-Diagramme
  • Wireframes
  • Fertige Screen-Designs in Figma
  • Klickbarer Prototyp
  • Komponentenbibliothek und Übergabenotizen für Entwickler

Was sich ändert

  • User Flows vor dem Zeichnen der Screens abgebildet
  • Screens, die den Plattformkonventionen für Navigation und Gesten folgen
  • Jeder Screen in allen seinen Zuständen gestaltet, nicht nur der Happy Path
  • Tippflächen, Textgrößen und Kontrast nach den Richtlinien zur Barrierefreiheit

Größen vergleichen

Der Standardpreis für jede Größe. Extras stehen daneben, nicht hinter einem Anruf versteckt.

Mobile-App-Design: what each size includes
EnthaltenKernbildschirme420 €1 bis 2 WochenMVP-Design830 €3 bis 4 WochenKomplettes App-Design1.750 €5 bis 8 Wochen
Ablauf für eine HauptaufgabeEnthaltenEnthaltenEnthalten
Bis zu acht Screens gestaltetEnthaltenEnthaltenEnthalten
Klickbarer PrototypEnthaltenEnthaltenEnthalten
Zwei ÜberarbeitungsrundenEnthaltenEnthaltenEnthalten
Alles aus Core-Screens, bis zu 25 ScreensNicht enthaltenEnthaltenEnthalten
Wireframe-PhaseNicht enthaltenEnthaltenEnthalten
Leere, Lade- und FehlerzuständeNicht enthaltenEnthaltenEnthalten
KomponentenbibliothekNicht enthaltenEnthaltenEnthalten
Alles aus MVP-Design, bis zu 50 ScreensNicht enthaltenNicht enthaltenEnthalten
Getrennte iOS- und Android-Muster, wo sie sich unterscheidenNicht enthaltenNicht enthaltenEnthalten
Onboarding- und EinstellungsabläufeNicht enthaltenNicht enthaltenEnthalten
DunkelmodusNicht enthaltenNicht enthaltenEnthalten
Design-Review während der EntwicklungNicht enthaltenNicht enthaltenEnthalten
Zum Angebot hinzufügen

Hinzufügen, was Sie brauchen

Choose the size

Hinzufügen, was Sie brauchen

Ihr Gesamtpreis€830

Der Standardpreis plus alles, was Sie hinzufügen. Schriftlich bestätigt, bevor etwas beginnt; nichts wird berechnet, bis Sie es annehmen.

So läuft es

  1. Zuordnung

    Nutzer, Ziele und Abläufe festgelegt, bevor ein Screen gezeichnet wird.

  2. Wireframe

    Struktur und Navigation in Graustufen getestet.

  3. Design

    Visuelles Design angewendet mit jedem Zustand jedes Screens.

  4. Prototyp

    Ein klickbarer Prototyp und eine Komponentenbibliothek zur Übergabe.

Fragen

Entwickeln Sie auch die App?

Nicht in diesem Angebot. Die Designs sind für jedes Entwicklungsteam bereit, auch für uns über die App-Entwicklungsangebote.

Ein Design für beide Plattformen oder zwei?

Die meisten Apps teilen ein Design mit kleinen Plattformunterschieden bei Navigation und Bedienelementen. Das größte Paket deckt diese Unterschiede richtig ab.

Testen Sie das Design mit Nutzern?

Der Prototyp ist bereit für Tests. Strukturierte Nutzertests können ergänzt werden, und Probleme in dieser Phase zu beheben ist weit günstiger als nach dem Launch.

Ähnliche Suchanfragen

Passt keine Größe?

Manche Arbeiten haben eine eigene Form. Wir prüfen den Umfang zuerst und erstellen das Angebot schriftlich; das Abstimmungsgespräch ist kostenlos.

Ihre Angebotsliste

Ihre Angebotsliste ist leer

Fügen Sie die gewünschten Leistungen in der passenden Größe hinzu. Wir senden Ihnen ein schriftliches Angebot für alle.

Katalog durchsuchen

Mit einer Kategorie beginnen

  • Keine Zahlung, keine VerpflichtungDies ist eine Anfrage. Sie entscheiden nach dem schriftlichen Angebot.
  • Verkauft und geliefert von GRADAXEin Vertrag und ein Team, egal wer die Arbeit macht.
  • Ihre Daten bleiben in der EUNichts wird außerhalb der Union zur Verarbeitung verlagert.

Cookie-Einstellungen

Wählen Sie, welche Cookies Sie zulassen. Notwendige Cookies können nicht deaktiviert werden: Die Website benötigt sie, um zu funktionieren.