Design

UI UX-Design und Markenidentität

Markenidentität, Druck und Schnittstellen gemeinsam entworfen: ein Logo, Richtlinien, Modelle und ein Designsystem, auf dem Ihre Entwickler aufbauen können, ohne zu raten.

Kostenloses Angebot anfordern Sehen Sie sich unsere Arbeit an

2008 – Jahr, in dem wir angefangen haben Paris 8e — Team vor Ort Quellcode – geliefert, es gehört Ihnen

Der Bedarf

Ein einheitlicher Markenauftritt und umsetzbare Benutzeroberflächen

Ein Markenauftritt wird meist einmal festgelegt und entwickelt sich danach auseinander. Das Logo liegt in vier leicht unterschiedlichen Varianten vor, die Broschüre verwendet andere Farben als die Website, und jede neue Oberfläche hat eigene Abstände. Nach zwei Jahren weiß niemand mehr, welche Version maßgeblich ist. Die Klärung solcher Fragen kostet mehr Zeit als die Richtlinien, die von Anfang an hätten vorliegen sollen.

IDEALOGY bearbeitet beide Seiten desselben Themas. Zuerst die Marke: Logo und Varianten, Farbpalette, Schriften, Visitenkarten, Briefpapier, Broschüren, Flyer und Messeunterlagen mit druckfertigen Dateien. Dann die Benutzeroberflächen: Nutzerwege, Websitestruktur, responsive Webentwürfe, Apps nach den Konventionen von iOS und Android sowie Unternehmenssoftware, deren informationsreiche Oberflächen besondere Sorgfalt erfordern.

Den entscheidenden Unterschied macht das Designsystem: benannte Komponenten, definierte Zustände, Abstände und Schriftgrößen sowie Regeln für kleine Bildschirme. Ein Entwickler sollte eine Oberfläche bauen können, ohne uns fragen zu müssen, was beim Überfahren einer deaktivierten Schaltfläche passiert. Deshalb gestalten wir komponentenbasiert und übergeben die Quelldateien mit der dazugehörigen Dokumentation.

Dienstleistungen

Was wir entwerfen

Marke und Schnittstelle können gemeinsam oder getrennt gehandhabt werden, je nachdem, was auf Ihrer Seite bereits vorhanden ist.

Markenidentität

Logo und seine Varianten, Palette, Schriftarten, Nutzungsregeln. Lieferung als Vektoren, mit der monochromen und kleinen Version.

Geschäftsausstattung und Drucksachen

Visitenkarten, Briefpapier, Broschüren, Flyer, Poster und Roll-up-Banner. Dateien in den richtigen Abmessungen, inklusive Beschnittzugabe und Farbprofilen.

UX und User Journeys

Site-Struktur, Bildschirm-für-Bildschirm-Reisen, Inhaltsprioritäten. Wir testen die Modelle mit echten Benutzern, wenn das Projekt dies rechtfertigt.

Webschnittstellen

Modelle jeder Seite auf Desktop, Tablet und Mobilgerät mit den tatsächlichen Zuständen: Laden, Fehler, leere Liste, zu langer Text.

Mobile- und Desktop-Apps

Bildschirme, die den iOS- und Android-Konventionen folgen, und Unternehmenssoftware-Schnittstellen, bei denen die Informationsdichte wichtiger ist als der Effekt.

Designsystem

Komponenten, Farb- und Abstands-Token, Raster und Typografie dokumentiert – die Basis, auf der Ihre Entwickler aufbauen, ohne zu improvisieren.

Wie wir arbeiten

Wie ein Designprojekt abläuft

Vier Stufen. Die visuellen Entscheidungen werden frühzeitig abgesegnet, eine Änderung Ihrer Meinung kostet jedoch noch nichts.

1
Projektklärung und Bestandsaufnahme
Was Sie bereits haben, was Ihre Kunden über Sie verstehen, was Ihre Konkurrenten tun. Zu liefern: eine schriftliche kreative Anleitung, die vor der Zeichnung genehmigt wird.
1 Woche
2
Künstlerische Leitung
Zwei oder drei vollständige Gestaltungsrichtungen anhand konkreter Materialien statt reiner Moodboards. Sie wählen eine aus, wir arbeiten sie aus.
2 Wochen
3
Mockups und Designsystem
Ausgerollt auf jedem Bildschirm und jedem Materialstück, dann das System selbst: Komponenten, Zustände, Abstände, Typografie.
3 bis 6 Wochen
4
Übergabe und Nachbereitung
Übergabe der Quelldateien, Markenrichtlinien und Druckexporte, dann eine Überprüfung der Bildschirme, sobald die Entwickler sie erstellt haben.
Laufend

Leistungen

Was Sie erhalten

Alles wird als bearbeitbare Quelldateien geliefert, nicht nur als Bilder:

Logo und VariantenDokumentiertes DesignsystemMarkenrichtlinienVisitenkartenBriefkopfBroschüren und FaltblätterFlyer und PosterResponsive Web-MockupsiOS- und Android-BildschirmeSchnittstellen für UnternehmenssoftwareBenutzerdefinierte SymboleDruckfertige Dateien

Beispielprojekt

Ein konkretes Beispiel

Beispiel – soll durch ein reales Projekt ersetzt werden

Markenüberarbeitung und Schnittstelle für ein Unternehmenssoftwareprodukt

Drei Versionen des Logos waren im Umlauf und jeder Bildschirm in der Software hatte seine eigenen Schaltflächen. Wir haben die Identität überarbeitet, das Briefpapier und die Broschüren erstellt und anschließend ein Designsystem aus 40 Komponenten erstellt, auf dessen Grundlage das technische Team nun jeden neuen Bildschirm entwickelt.

dokumentierte Komponenten

−45 %

Zeit, einen Bildschirm zu erstellen

9 Wochen

vom Audit bis zur Übergabe

Budget

Was ein Designprojekt kostet

Der Preis hängt von der Anzahl der Artikel, der Anzahl der Bildschirme und der Tiefe des Designsystems ab.

Vollständige Markenidentität – ab

3 500 €

Richtwert für einen Markenauftritt samt Geschäftsausstattung. Die Preise für Oberflächenentwürfe und das Designsystem richten sich nach der Anzahl der Ansichten. Festpreisangebot nach der Projektklärung.

Audit und kreative Leitung
Gestaltungsrichtungen anhand konkreter Materialien
Quelldateien und Nutzungsrichtlinien
Druckfertige Exporte

Kosten einschätzen lassen

Wie der Preis ist

Der Designpreis wird pro Projekt berechnet

Für eine Markenidentität, ein Designsystem oder die Bildschirme einer Anwendung gibt es keinen Listenpreis: Es hängt davon ab, wie viele Oberflächen betroffen sind, wie gut die Oberfläche ist und was auf Ihrer Seite bereits vorhanden ist.

Individuelles Angebot

Auf Anfrage

Markenidentitäts- und Designsystem
Web- und Mobilschnittstellen
Quelldateien übergeben
Verbindlicher Festpreis nach der Projektklärung

Fordern Sie ein Angebot an

Die Quelldateien werden Ihnen übergeben. Für Kunden, mit denen wir im Laufe der Zeit zusammenarbeiten, ist eine monatliche Designvergütung möglich – fragen Sie einfach nach.

FAQ

Was uns die Leute am meisten fragen

Liefern Sie die Quelldateien?

Ja, immer: Entwurfsdateien, das Logo als Vektordatei, druckfertige Exporte und Nutzungsrichtlinien. So können Sie den Markenauftritt intern oder mit einem anderen Dienstleister weiterentwickeln, ohne uns um Dateien bitten zu müssen. Wir behalten keine Dateien zurück, die Sie von uns abhängig machen würden.

Beschäftigen Sie sich auch mit Druck oder nur mit dem Web?

Beides, meistens gemeinsam, denn widersprüchliche Broschüren und Websites schwächen dieselbe Marke. Visitenkarten, Briefpapier, Broschüren, Flyer, Plakate und Beschilderungen liefern wir in den passenden Abmessungen mit Beschnittzugabe und Farbprofilen. Auf Wunsch stimmen wir uns direkt mit Ihrer Druckerei ab.

Können wir unser aktuelles Logo behalten?

Natürlich, das kommt häufig vor. Bei vielen Projekten bleibt das Logo bestehen, und wir ergänzen das Fehlende: Farbpalette, Schriften, Anwendungsregeln, Varianten und Drucksachen. Wir sagen Ihnen offen, ob das Logo auch in sehr kleinen Größen, einfarbig und auf dunklem Hintergrund technisch funktioniert.

Wie setzen Entwickler das Design um?

Über das Designsystem: benannte Komponenten, definierte Zustände, Abstände, Schriftgrößen und dokumentiertes Verhalten auf verschiedenen Bildschirmgrößen. Anschließend prüfen wir die ersten umgesetzten Ansichten und korrigieren Abweichungen. So bleibt das Design auch nach drei Monaten konsistent.

Siehe auch

Zeigen Sie uns, was Sie heute verwenden

Logo, Website, Broschüre oder Softwareoberflächen: Dreißig Minuten reichen aus, um einzuschätzen, was erhalten bleiben kann, was überarbeitet werden muss und welcher Aufwand damit verbunden ist.