HUM Systems

Mehrsprachiger Website-Relaunch für ein Start-up

Ran ans Grafiktablett! Wie wir für das Start-up HUM Systems eine mehrsprachige Website entwickelt haben, die durch individuelle Illustrationen überzeugt und so zur Website der Woche im ProcessWire Weekly Issue gekürt wurde.

HUM Systems Website Relaunch
Jahr
  • 2020
Sektor
  • Soft- und Hardware
  • Smart Home Systems
Herausforderung
Technologien
  • ProcessWire
  • CSS3 (PostCSS)
  • JavaScript (ES6+, GSAP)
Unsere Rolle
  • UX-/UI-Konzept
  • Webentwicklung
  • Illustration

Herausforderung

Human Machine Systems sind ein komplexes Thema – genau das zu ändern, ist das Ziel der neuen Website von HUM Systems. Illustrationen sollen das Thema dabei greifbarer machen. Besonders wichtig dabei: Individualität und Wiedererkennung.

Lösung

Für die Umsetzung der Seite entschieden wir uns für das flexible Content-Management-System ProcessWire – es ist von Haus aus auf Mehrsprachigkeit ausgelegt und bietet zahlreichen individualisierbaren Pflegemöglichkeiten.

HUM Systems ist ein junges Start-up aus Berlin mit der Mission: Das tägliche Leben von Menschen zu verbessern. Inspiriert durch die Chancen von IoT und künstlicher Intelligenz, möchte HUM den Alltag für Menschen vereinfachen.

Hier erfahrt ihr, wie wir es geschafft haben, ein einzigartiges Design zu erstellen und eine Website zu launchen, die zum ProcessWire Issue #317 wurde.

HUM Systems Website Relaunch

ProcessWire – ein flexibles System

ProcessWire bietet viele leistungsstarke Funktionen für die Verwaltung von Inhalten an. Dies macht es den Redakteurinnen und Redakteuren leicht, ihre Inhalte zu verwalten und das CMS auf individuelle Anforderungen anzupassen.

Auch das Thema Mehrsprachigkeit ist bei ProcessWire kein Problem und durch bereits integrierte Funktionen abgedeckt – das CMS benötigt somit keine Erweiterungen von Drittanbietern, um eine voll funktionsfähige mehrsprachige Website zu erstellen.

Die HUM Systems Website auf mobilen Geräten

Maximale Wiedererkennung

Die Illustrationen selbst sind isometrisch aufgebaut – das bedeutet: Es können beliebig viele Elemente in die Illustration hinzugefügt werden, ohne dass die Perspektive verfälscht wird. Dadurch, dass die einzelnen Elemente unabhängig voneinander funktionieren, können durch die Kombination von unterschiedlichen Elementen weitere Illustrationen im selben Stil und ohne großen Aufwand erstellt werden.

Es entsteht also eine Bibliothek verschiedener Elemente, die zu neuen Illustrationen zusammengesetzt werden können. Das Ergebnis: ein einheitliches Gesamtbild mit Wiedererkennung.

Zeichnung eines Entwurfs der HUM Systems Plattform step 1
Illustration vom making of der HUM Systems Website step 2
Illustration vom making of der HUM Systems Website step 3
Illustration vom making of der HUM Systems Website step 4
  • ProcessWireWeekly Issue

    „Das Design der Website ist ziemlich einzigartig. Dies gilt sowohl für die gesamte Benutzeroberfläche der Website, Menüstrukturen und dergleichen, als auch für die handgefertigten benutzerdefinierten Illustrationen. Alles in allem handelt es sich also um eine wirklich schöne Website, die leicht zu verstehen und angenehm zu benutzen ist.“

Illustration für HUM Systems Version 2
Überblick über die Plattform von HUM Systems

Wie disphere helfen konnte:

  • Handgezeichnet Illustrationen, die das Thema für den User greifbar machen

  • Ein einzigartiges Design, das ein stimmiges Gesamtbild schafft

  • Komplexe Funktionen werden einfach und übersichtlich dargestellt

  • Das Content-Management-System wurde so eingerichtet, dass es auf die individuellen Anforderungen des Kunden angepasst ist

disphere-Team-Meeting im Office für ein neues Kundenprojekt

Neugierig geworden?

Wir sind nicht einfach ein IT-Dienstleister. Wir sind Ihr Partner.

Bei disphere haben wir über 17 Jahre Erfahrung im Bereich Individualentwicklung sowie bei der Implementierung von technischen Web- und SEO-Strategien, die die Lead-Generierung und das Ranking von Webseiten stärken.

Sollten Sie Hilfe bei der Umsetzung Ihrer digitalen Projekte benötigen, setzen Sie sich einfach mit uns in Verbindung und vereinbaren Sie einen kostenlosen Beratungstermin.

Kostenlosen Beratungstermin vereinbaren