No Man's Brand totem
Made by No Man's Brand for 
SPiN

Webdesign

No items found.

Der Kunde dieses Projektes war ein spezialisiertes Software-Unternehmen, das mittels seiner „Spin-Methode“ maßgeschneiderte Lösungen für mittelständische Unternehmen entwickelt. Die Herausforderung: Es existierten keinerlei Gestaltungsrichtlinien (Design-Vakuum). Die Idee war, das abstrakte Konzept der Spin-Methode in eine visuelle Sprache zu übersetzen und darauf basierend einen modernen Webdesign-Entwurf für einen One-Pager zu realisieren, der mittelständische und z. T. konservative Unternehmen anspricht.

Der Prozess: Design-Entwicklung im Detail

  • Code trifft Methode (Symbolik): Da keine CI vorhanden war, wurden Schriften, Farben und Symbolik von Grund auf entwickelt. Die Kernidee: Eine Fusion aus der technischen Welt des Programmierens und der Dynamik der Spin-Methode. Dazu wurden fundamentale Coding-Zeichen (wie Klammern { }, Schrägstriche / und spitze Klammern < >) analysiert, neu angeordnet und rotiert (Spin). So entstand eine proprietäre Symbol-Bibliothek, die technisches Know-how und Prozessorientierung visualisiert mit einer Vielzahl an unterschiedlichen Mustern.
  • Stilistische Varianz: Um mehere Varianten des Erscheinungsbildes zu erhalten, wurden die Symbole in verschiedenen Ausführungen ausgearbeitet: von flach und transparent bis hin zu dreidimensional und massiv.
  • Barrierefreiheit im Fokus (Farben): Basierend auf den definierten Markenattributen wurden mehrere Farbschemata erarbeitet. Oberste Priorität hatte dabei die Usability: Alle Paletten wurden so konzipiert, dass sie mindestens den Barrierefreiheits-Standard WCAG 2.1 AA erfüllen, um eine optimale Lesbarkeit für alle Nutzergruppen zu garantieren.

Das Ergebnis 

Ein durchdachtes Design-Konzept für einen One-Pager, das dem Software-Unternehmen eine professionelle, unverwechselbare Identität verleiht und die komplexe SPiN-Methode in das visuelle Konzept mit einfließen lässt.

Chat bot widget UI / UX
Webdesign
Office Ausstattung
Brand Support
Logo Design und Website
Visual Identity