Pitchdeck

Styleguide

Mockups

_____________________________

Marken Präsentationen

Verlauf

Themen-Auswahl-Präsentaiton

Designrecherche

Für das Design habe ich ein Figma-Jamboard verwendet. Dieses ist unter folgendem Link abzurufen.:

https://www.figma.com/board/m4qCJO8OOc0RKaJv7HaSpC/Rollo-Schwabe?node-id=0-1&t=wV4zPTWoEMCZoEva-1

Nach einem Gespräch mit der Firma Rollo Schwabe, welches ich mit der Geschäftsführerin und einem Mitarbeiter führte, entschieden wir uns dafür, im Austausch über das Figma Jamboard zu bleiben und zusammen die Markenanalyse zu führen. 

Die Markenanalyse ergab folgende Punkte:

Erscheinungsbild = Greifbar, Persönlich, Erfahren

Persönlichkeit = bodenständig, ehrliche Art, lösungsorientiert, freundlich

Beziehung = “Vertrauensvoller Partner auf Augenhöhe”

Kultur = Nachhaltigkeit durch Langlebigkeit, Zuverlässig

Reflexion = Spricht Menschen an, die Wert auf Qualität und ein gutes Miteinander legen

Selbstbild = Kundendienst aus der Region → Sicherheit/ Vertrauen

Zielgruppe = 50 - 70 +

Moodboard

Für mein Design der Firma Rollo Schwabe habe ich mir überlegt, Piktogramme für bestimmte Themengebiete zu erstellen und Fotografien für die Bildwelt zu verwenden.

Die Bilder sollen den Persönlichen Charakter in die Marke bringen und die Piktogramme dienen als Darstellungsmöglichkeit der Markisenarten.

Rollo Schwabe.jpg

Farben

Die Farben der Marke Rollo Schwabe wollte ich soweit beibehalten, da sie sich bereits etabliert haben. Ich entschied mich aber, sie Web tauglicher zu machen. Dafür erhöhte ich die Sättigung. Außerdem entschied ich mich, die dritte Farbe, das Blau wegzulassen. 
Somit sind es noch zwei Primärfarben.

Farbe.jpg

Außerdem erstellte ich ein Extra Moodboard für die Bildwelt mit Fotografien und als Fotoshooting Guide

Bilder.jpg

Logoentwicklung

Bei ich entschied mich für ein isometrisches 12*12 Raster, um meine Bildmarke zu positionieren. Meine Grundidee war es, eine Markise darzustellen. Bei meinem Designprozess Recherchierte ich nach anderen Logos in der Markisenbranche, welche Einflüsse in mein Letztendliches Logo nahmen. Es ist die Seitenansicht von einer Markise mit abgerundeten „Volant“ (Markisen-Enden). Die Farben sind wie bei bekannten Markisen abwechselnd. Ich entwickelte zwei Varianten der Bildmarke, eine mit und eine ohne Schraubenschlüssel. Die Idee mit dem Schraubenschlüssel kam mir, nachdem ich auf ein Mechaniker-Logo stoß. Der Schraubenschlüssel spiegelt den Servicebereich der Firma Rollo Schwabe wieder.

Logoent.jpg

Das ist mein Zeitstrahl der Logo-entwicklung und als zweites die finalen Logos

Schriftart

Die Schriftart sollte gut zu der Bildmarke passen, um es als Logo zusammenzusetzen. Ich hatte mehrere Favoriten, welche seriös und „Clean“ wirken. In meiner engeren Auswahl stand die „Futura 1000“ und die „Mukta Vaani“ ich sntschied mich aber schlussendlich für die Mukta Vaani weil sie in meinen Augen besser zur Bildmarke passte. Zusammengesetzt mit diesem ergibt sie mein Logo.

Des weiteren ist die Schriftart Roboto für Fließtexte geeignet. Sie passt auch gut zur Mukta Vaani

Icons + Piktogramme

Die Icons finden sich auf der Website wieder, wo sie beispielsweise als Burgermenü eingesetzt werden. Bei der Entwicklung überlegte ich, welche Piktogramme für die Marke relevant sein könnten. Dabei hatte ich insbesondere im Blick, für einen später entstehenden Dienstleistungsbereich der Website unterschiedliche Markisenarten darzustellen. 

Ich entwickelte mit dem isometrischen 12*12 Raster händische Skizzen indem ich die Raster ausdruckte und wieder einscannte.

Die Piktogramme finden sich bisher nur in der About Section der Website wieder. Wenn es zu einer Umsetzung der Website kommen würde, bieten sich die Piktogramme zur Visualisierung der Arten an.

Bildwelt

Für die Bildwelt entschied ich mich, Fotografien mit der Firma zu machen. Dabei war ich bei einer Durchsicht von Markisensystemen dabei und konnte auch Bilder in der Werkstatt machen. Dabei entstanden professionelle Closeups. Die Bilder bearbeitete ich mit Photoshop, um einen schlichten neutralen Look zu erzielen. Wichtig dafür war es, einen bläulichen Weißabgleich zu wählen und den Kontrast zu erhöhen.

Fotos1.jpg

Meine Bearbeiteten Bilder Mit angepassten Farben:

Bilder 2.jpg

Anwendungsbeispiele

Was in einer Firma nicht fehlen darf, sind gut gestaltete Briefbögen, welche das Design der Marke aufgreift. Die Visitenkarte hat ein schlichtes Design auf der Vorderseite aber auf der Rückseite ist das Logo noch einmal aufgegriffen.

Für die Folierung der Fahrzeuge habe ich einen Guide erstellt und dazu ein Mockup

Ein Wichtiges Element der Firma ist die Website. Diese sollte für die beste Benutzbarkeit Responsive sein. Deswegen habe ich eine Desktop wie auch ein Mockup für eine Mobile Variante erstellt.

Website

Eine Landingpage und zwei Unterseiten.

Meine Website besitzt eine Landingpage und eine Unterseite mit dem Servicebereich der Firma. Dabei verwendete ich auch das Servicelogo. Die Website ist jetzt vom Aussehen frischer und lebendiger als bisher. Die Bildwelt wertet das Design drastisch auf und wirkt professionell / persönlich.

Die Einstiegsanimation habe ich mit After-Effects erstellt. Dabei griff ich Elemente aus dem Logo auf, um ein Bauchbinden ähnlichen Look zu erzeugen.

https://www.figma.com/proto/v7rcpmVMKjdb87EOvs794o/Rollo-Schwabe-Website?page-id=0%3A1&node-id=22-2&p=f&viewport=1088%2C220%2C0.19&t=lKM8I0v7DXOLk8vd-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=22%3A2

Zwischenpräsentation

Abschlusspräsentation