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
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
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
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.
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
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
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.
App-Konzeption
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 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.
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.
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.
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
Suchen Sie Unterstützung im Bereich UX / UI Design?
