ProcessWire

HUM Systems Website Relaunch

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.

https://cms.voll.digital/assets/referenzen/case_studies/hum/casestudy_header_hum_v2_bg.jpg
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 Startup 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.

Website Plattform von HUM Systems

ProcessWire – ein flexibles System

ProcessWire bietet viele leistungsstarke Funktionen für die Verwaltung von Inhalten an. Dies macht es Seitenbetreiber:Innen 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.

  • Stefan TeupeTechnischer Projektleiter bei VOLL digital GmbH

    „ProcessWire ist ein Content-Management-System, das durch seine große Flexibilität überzeugt – gleichzeitig ist es leichtgewichtiger als vergleichbare Systeme. Der Einsatz intelligenter Felder ermöglicht es beispielsweise, Inhalte von bestehenden Seiten anderswo wiederzuverwenden, ohne sie erneut anlegen zu müssen.“

Die HUM Systems Website auf mobilen Geräten
  • Portraitfoto von Jaqueline Grob, Designerin bei VOLL
    Jaqueline GrobDesignerin bei VOLL digital GmbH

    „Die Verbindung der Komplexität der Seite zusammen mit einer sauberen und klaren Benutzeroberfläche war besonders herausfordernd. Illustrationen boten hier die Möglichkeit, das Produkt zum Leben zu erwecken.“

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 VOLL 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

Teambesprechung zwischen Ali und MitarbeiterInnen von VOLL digital

Neugierig geworden?

Wir sind nicht einfach eine Agentur. Wir sind euer Partner.

Bei VOLL haben wir über 13 Jahre Erfahrung im Bereich der digitalen Transformation sowie bei der Implementierung von technischen Web- und SEO-Strategien, die die Lead-Generierung und das Ranking von Webseiten stärken. Solltet ihr Hilfe bei der Umsetzung eurer digitalen Projekte benötigen, setzt euch einfach mit uns in Verbindung und vereinbart einen kostenlosen Beratungstermin.

Kostenlosen Beratungstermin vereinbaren