Branding | User Interface

BackupMonkey.io

BackupMonkey.io ist das Tool zur komfortablen zentralisierten Wartung von Joomla!-Installationen.

Das junge Unternehmen wurde 2019 von Robert Deutz, meinem Bruder David Jardin und mir mit dem Ziel gegründet, Joomla!-Webseiten sicherer und die Wartung dieser einfacher zu machen.

Hierzu wurde ein einfach zu bedienendes User-Interface zur zentralisierten Verwaltung einer Vielzahl von Websites, sowie ein freundliches und dynamisches Erscheinungsbild für das Unternehmen geschaffen.

Schluss mit der Affenarbeit! Mehr Zeit für spannende Aufgaben.

Basierend auf dem deutschen Begriff der „Affenarbeit“ wurde BackupMonkey als Unternehmensname festgelegt.

Das Motiv des Affen bzw. der Affenarbeit fungiert jedoch nicht ausschließlich als namensstiftendes Motiv, sondern ist zugleich Ideengeber für die visuelle Erscheinung und die Corporate Language des Unternehmens. So wird dieses Bild sprachlich und visuell konsistent als identitätsstiftendes Motiv genutzt.

Vorschau BackupMonkey Interface

Zeit ist Geld.

Ziel des Services ist es, die Wartung von Joomla!-Webseiten als lukratives Geschäftsmodell für Agenturen und Selbstständige zu ermöglichen und zu etablieren.

Neben der größtmöglichen Automatisierung der anfallenden Arbeiten ist ein intuitives und übersichtliches Interface der entscheidende Faktor für das profitable Arbeiten mit dem Produkt.

Basierend auf mehr als 10 Jahren Erfahrung mit der Wartung von Joomla!-Seiten wurden zunächst Wireframes, High-Fidelity Mockups und anschließend ein erster funktionierender Prototyp der Benutzeroberfläche erstellt.

Mithilfe eines ausgewählten Testing-Teams der Zielgruppe wurde dieser anschließend in einem iterativen Prozess stetig weiterentwickelt.

Be consistent!
Mit System.

Die Benutzbarkeit eines User-Interfaces ist eng verknüpft mit der Konsistenz der Gestaltung. Besonders bei größeren Applikationen mit einer Vielzahl von Ansichten und Funktionen kann dies schnell zum entscheidenden Kriterium für die Qualität des Designs werden.

Um einer inkosistenten Gestaltung vorzubeugen wurde der Ansatz des "Atomic-Design" gewählt. Hierbei werden zunächst die kleinsten Bestandteile eines Interfaces gestaltet und von diesen ausgehend immer komplexere Komponenten des Interfaces erarbeitet und implementiert.

Konsistenz und Hierarchie sind entscheidend für ein funktionierendes User-Interface. Sowohl auf Makro- als auch auf Mikroebene.
BackupMonkey Interface Ansicht auf einem MacBook

Check deine Seiten!
Zu jeder Zeit, egal wo du bist.

Ein dynamischer, non-linearer Arbeitsalltag und vielfältige, flexible Arbeitsmodelle erforderen natürlich auch vom Service BackupMonkey eine hervorragende Bedienbarkeit bei der Nutzung auf mobilen Endgeräten.

3 iPhones X mit geöffneter BackupMonkey-Applikation

Marke

  • Logo
  • Brand Guidelines
  • Print
  • Werbung
  • Animation

UI/UX

  • User Flows
  • Wireframes
  • Interaction
  • Responsiveness
  • Grafisches Konzept
  • Screendesign

Entwicklung

  • Frontend-Developement
  • Animation
  • Interaktion
  • Konzept & Idee: Robert Deutz & David Jardin
  • Entwicklung: Robert Deutz & David Jardin