Strategic HR decision-making
Das SaaS-Startup HRBench verschafft Personalverantwortlichen einen ganzheitlichen Überblick über die Belegschaft, indem es Daten aus unterschiedlichen Systemen mit erstklassigen Kennzahlen kombiniert.
HRBench bietet ein einheitliches, umfassendes Bild interner Personalkennzahlen sowie externer Benchmark-Daten. Somit gelingt nicht nur eine detaillierte Analyse, sondern auch konstante Verbesserungen durch personalisierte Empfehlungen. In Hinblick auf den Launch ihres Unternehmens wandte sich das Team von HRBench an uns: Es sollte ein ansprechendes Branding geschaffen werden, um ein innovatives und leidenschaftliches Unternehmen zu vermitteln. Diese visuelle Markenidentität sollte auch für die Website und das UI Design System der Plattform verwendet werden.
Concept & Strategy
Für das Branding eines HR-Tech-Startups ist es entscheidend, das richtige Gleichgewicht zwischen dem technologischen und dem menschlichen Aspekt zu finden. Auch die Kombination von internen Personalanalysen mit externen Benchmark-Daten sollte sich in der visuellen Identität als eines der Hauptmerkmale widerspiegeln. Startup. Mit den Markenzielen im Hinterkopf entwickelten wir eine Design-Strategie, die auf jeden Markenkontaktpunkt angewendet werden kann, die Harmonie zwischen den Markenelementen herstellt und die Markenkonsistenz gewährleistet. Eine der größten Herausforderungen des Projekts war die Technologie-Page der Website: Als wir das Projekt starteten, befand sich HRBench noch in der Entwicklung seiner Plattform. Daher mussten wir unsere Kreativität vollends ausschöpfen und Einblicke in das Produkt mit vereinfachten und abstrakten UI-Screens darstellen.
Logo
Für HRBench ist eine Wort-Bildmarke die ideale Lösung, um der Komplexität des Firmennamens und der Vielzahl von Markenkontaktpunkten gerecht zu werden. Das aus geometrischen Formen zusammengesetzte Isotyp ist nicht nur die Kombination der Buchstaben „HRB“, sondern vermittelt auch die aus der Analyse von Personendaten gewonnenen Erkenntnisse. Es ist ein einzigartiges Markenelement, das als Unterscheidungsmerkmal dient und zusammen mit dem Schriftzug oder auch für sich alleine verwendet werden kann. Auf typografischer Ebene harmonieren die Buchstaben des Isotypes perfekt mit der handgefertigten Schriftart der Wortmarke. Die Verwendung einer serifenlosen Schrift unterstreicht den innovativen Aspekt der Marke, und das „e“ und das „c“ sind leicht schräg gehalten, um den Eindruck von Vorwärtsbewegung und stetiger Verbesserung zu erwecken.
Farben
Das Ziel war es, eine breite Farbpalette mit unterschiedlichsten Farbtönen zu entwickeln, die sich klar voneinander unterscheiden und dennoch die Marke HRBench widerspiegeln sollten: Harmony Blue wurde zur Primärfarbe, während Gentle Pink, Craft Yellow und Vital Red als Sekundärfarben ausgewählt wurden. Diese Kombination spiegelt den technischen und innovativen, aber dennoch menschlichen Aspekt der Marke wider. Für das UI Design System haben wir noch weitere Farbtöne hinzugefügt.
Schriftarten
HRBench kommt mit einer einzigen Schriftart aus. Die geometrische serifenlose Schrift Poppins ist aufgrund ihrer hohen Lesbarkeit und Vielseitigkeit eine der beliebtesten Schriften für Web und Apps. Sie basiert auf reiner Geometrie, insbesondere auf Kreisen. Jede Buchstabenform ist nahezu monolinear, mit optischen Korrekturen wo nötig, um eine gleichmäßige typografische Wirkung zu erhalten. Die klaren und modernen Buchstaben kommunizieren eine technische, benutzerfreundliche Marke.
Illustrationen
Die wichtigsten Funktionen der Plattform werden durch Illustrationen im Markendesign präsentiert. Eine Animation, die die nahtlose Implementierung von HRBench darstellt, ist eines der Highlights. Einfache und geradlinige UI-Screens mit subtilen Schattierungen der Farbpalette kommunizieren die Vorteile des Produkts, indem sie KPIs und die wichtigsten Kennzahlen präsentieren.
Website
Für die Website haben wir ein Konzept entwickelt, das Menschen, Icons und animierte Illustrationen innerhalb der Farbpalette von HRBench vereint. Mit ihrer klaren Struktur ist die Website geradlinig genug, um leicht verständlich zu sein und innovativ genug, um ein schnelles und modernes Unternehmen zu kommunizieren. Dies sollte sich auch in der verbalen Identität widerspiegeln. Zu diesem Zweck haben wir bei der Erstellung der Website-Texte die Markenpersönlichkeit berücksichtigt und kommunizierten so ein sympathisches, aber professionelles Unternehmen. Der letzte Schritt war die Entwicklung einer schnellen, responsiven und nutzerfreundlichen Website für das Tech-Startup. Mit dem Launch der Website ist HRBench nun bereit, sich in der HR-Tech-Branche einen Namen zu machen.
UX / UI
As HRBench's new brand identity needs to be applied to all possible touchpoints, including their product, we ensured brand consistency during the strategic branding process. Hence, we leveraged the previously defined color palette and shapes to add supplementary gradients, buttons, and illustrative icons for optimized implementation possibilities. Additionally, we crafted an initial design of the HRBench dashboard with notification layouts, cards, and responsive design for desktop and mobile use. This branded UI design system will help the startup raise brand recognition.
Markenkommunikation
Um bei der Zielgruppe Eindruck zu hinterlassen, benötigte HRBench Vertriebs- und Marketingmaterial, das mit ihrem neuen Branding übereinstimmt. Zu diesem Zweck erstellten wir eine Präsentationsvorlage, entwarfen ihr Verkaufsblatt mit ansprechenden Texten und gestalteten mehrere Marken-Assets für ihre Social-Media-Profile. Durch die Verwendung der maßgeschneiderten Illustrationen und der zuvor definierten Richtlinien für die Markenanwendung werden Markenkonsistenz und -aktivierung leicht gemacht. Darüber hinaus haben wir ein erstes design des HRBench-Dashboards mit Benachrichtigungslayouts, Karten und responsive design für Desktop- und mobile Nutzung erstellt. Dieses gebrandete UI design System wird dazu beitragen, die Startup Markenbekanntheit zu erhöhen.
"Ihre geballte Expertise ist beeindruckend."
Vom Projektmanagement über Geschäftsleitung bis Design- und Web-Teams: Alle haben fundiertes Expertenwissen, mit dem sie alles umsetzten konnten, was wir brauchten. Die Zusammenarbeit war wirklich großartig!
