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.

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.

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.

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