Menü Schließen
App_Design_Imiela_Designbuero

App Design: UX/UI und Corporate Design

UX und UI Design inkl. mobile Klickdummy und Corporate Design für eine Restaurant-Buchungs-App.

Für ein Startup entwickelte ich das Konzept und Design einer App im Bereich Gastronomie. Ich baute mit dem Kunden den User Flow weiter aus und stellte ihn mit Wireframes dar. Ich definierte das Design inkl. Logo, Farben, Schriften, Icons sowie das Styling aller App-Elemente. Anschließend layoutete ich die wesentlichen Screens und lieferte sie als interaktiven InVision-Prototyp für Smartphone.

  • UX/UI
  • Konzeption
  • Wireframing
  • User Flow
  • Prototyping
  • App-Design
  • Logo und App-Icon
  • InVision-Prototyp
Moodboard_Designentwicklung

Moodboard

Bei dem Design der App, das ich ausgehend von dem erarbeiteten Konzept erstellte, begann ich mit einem Moodboard. Es ist ein perfektes Mittel, um Ideen schnell zu visualisieren, ein Gefühl für das Design zu bekommen und die Designrichtung vorab mit dem Kunden abzustimmen. Die Collage aus Farben, Bildern, Stimmungen, Grafiken und Bildern der Zielgruppe, ermöglicht die Vorstellungen des Kunden mit dem möglichen Endergebnis abzugleichen.

Diese App richtet sich an Geschäftsleute aus einem mittleren bis höheren Sektor, die für ihren Business-Lunch oder Dinner wenig Zeit für die Planung haben, aber gut essen möchten. Daraus ergab sich ein hochwertiges, elegantes, samtiges Look-and-Feel, in Blau und Gold-Tönen in einem Dark-Mode, an dänisches Design angelehnt.

Moodboard

Moodboard_Designentwicklung

Bei dem Design der App, das ich ausgehend von dem erarbeiteten Konzept erstellte, begann ich mit einem Moodboard. Es ist ein perfektes Mittel, um Ideen schnell zu visualisieren, ein Gefühl für das Design zu bekommen und die Designrichtung vorab mit dem Kunden abzustimmen. Die Collage aus Farben, Bildern, Stimmungen, Grafiken und Bildern der Zielgruppe, ermöglicht die Vorstellungen des Kunden mit dem möglichen Endergebnis abzugleichen.

Diese App richtet sich an Geschäftsleute aus einem mittleren bis höheren Sektor, die für ihren Business-Lunch oder Dinner wenig Zeit für die Planung haben, aber gut essen möchten. Daraus ergab sich ein hochwertiges, elegantes, samtiges Look and Feel, in blau und gold-Tönen in einem Dark-Mode, an Dänisches Design angelehnt.

Logo und App-Icon

App-Icons
App_Icon

Beim Design des App-Icons ist es wichtig, dass es plakativ ist, damit es sich von Mitbewerbern im App-Shop abhebt. Es muss sowohl inhaltlich, als auch formal zum Angebot und den Erwartungen der Nutzer passen.

Aus mehreren Entwürfen fiel die Entscheidung auf ein Icon in Corporate Farben, das den App-Namen trägt und gleichzeitig eine stilisierte Gabel darstellt.

App_Icon
App-Icons

Logo und App-Icon

Beim Design des App-Icons ist es wichtig, dass es plakativ ist, damit es sich von Mitbewerbern im App-Shop abhebt. Es muss sowohl inhaltlich als auch formal zum Angebot und den Erwartungen der Nutzer passen.

Aus mehreren Entwürfen fiel die Entscheidung auf ein Icon in Corporate Farben, das den App-Namen trägt und gleichzeitig eine stilisierte Gabel darstellt.

Schriftfont

Corporate_Design_Schriftfont

Ich wählte für das Design eine elegante, geometrische, moderne Variante einer Schrift der 20er Jahre, die mit den Farben Blau und Gold sehr edel wirkt und gut lesbar ist. Die ausgewogenen Versalien können für Überschriften oder Labels in kleiner Schriftgröße verwendet werden.

Icon-Set

Corporate_Design_Icons

Die extra für die App entwickelten Icons nehmen die geometrische Form der Schrift auf. Sie bestehen lediglich aus Outlines, die je nach Bedarf eingefärbt werden können und somit flexibel in der Nutzung sind.

Farbpalette

Farben haben eine psychologische Wirkung, die maßgeblich die Stimmung eines Designs beeinflussen, da sie wie Bilder direkt aufgenommen werden und mit Assoziationen verknüpft sind.

Die Farben Blau und Gold erzeugen einen hochwertigen, exklusiven, ruhigen Eindruck. Wie in einem eleganten Restaurant mit gedämpftem Licht, bequemen Stühlen und stilvollem Geschirr.

Corporate_Design_Farbpalette

App-Konzeption

App-Userflow

Für die Konzeption erarbeitete ich mit dem Kunden den Userflow und stellte ihn als Wireframes dar. Mit den groben „Skizzen“ konnten alle Funktionen und die Navigationsstruktur geplant und mit den möglichen Nutzerszenarien durchgespielt werden. Erst wenn ein nutzerfreundlicher Ablauf und Position der Funktionselemente sichergestellt und abgestimmt war,  begann ich mit dem Layout der Screens.

App-Tap-bar

App Design

In allen Screens der App vereinen sich die Farbwelt mit Verläufen, dem Schriftfont, klaren Formen, Icons und Elementen zu einem atmosphärischen, stimmigen Gesamtbild und dem anvisierten Look-and-Feel.

Mobile-App-Design
Mobile-App-Design
Mobile-App-Design
Mobile-App-Design
Mobile-App-Design

Die App ist als iOS App konzipiert und verwendet das entsprechende GUI. Im unteren Bereich befindet sich die Tap-Bar. Die google-Karte ist der Farbwelt angepasst und fügt sich in das Gesamtbild ein. Farben und Kontrast unterstützen die Hierarchie von Texten und interaktiven Elementen, um das Auge auf die wichtigen Punkte zu lenken.

Aus diesen und weiteren Screens erstellte ich einen InVision-Klickdummy, den der Kunde per Link auf Smartphones präsentieren und damit kostengünstig einen authentischen Eindruck der App vermitteln konnte.

App Design

In allen Screens der App vereinen sich die Farbwelt mit Verläufen, dem Schriftfont, klaren Formen, Icons und Elementen zu einem atmosphärischen, stimmigen Gesamtbild und dem anvisierten Look and Feel.

Mobile-App-Design

Die App ist als iOS App konzipiert und verwendet das entsprechende GUI. Im unteren Bereich befindet sich die Tap-Bar. Die google-Karte ist der Farbwelt angepasst und fügt sich in das Gesamtbild ein. Farben und Kontrast unterstützen die Hierarchie von Texten und interaktiven Elementen, um das Auge auf die wichtigen Punkte zu lenken.

Aus diesen und weiteren Screens erstellte ich einen InVision-Klickdummy, den der Kunde per Link auf Smartphones präsentieren und damit kostengünstig einen authentischen Eindruck der App vermitteln konnte.

Mobile-App-Design

Leistungen

  • App Design
  • Corporate Design
  • Logo / App-Icon
  • UX/UI Design
  • Konzeption
  • Userflow
  • Wireframing
  • Prototyping
  • Icondesign
  • InVision Klickdummy

Kunde
Fabian Fritz
Louis Leonard Dornbracht

Tools
Illustrator
PhotoShop
Sketch
InVision

Buchen Sie mich –
das Design‑Add‑On für Ihr IT‑Projekt!

Buchen Sie jetzt ein unverbindliches Erstgespräch, und gemeinsam finden wir heraus, wie ich Ihr Team unterstützen kann.