Logo

VEMAS – Design und Entwicklung für Uni Würzburg

Design und Entwicklung einer Website und Webapp zur Verhaltensanalyse
Dauer
1 Jahr (+ laufende Betreuung)
Kunde
Julius-Maximilians-Universität Würzburg
Projekttyp
Design, Drupal Website, individuelle App, Wartung, Hosting
Vemas Logo

VEMAS - Verhalten macht Sinn wurde 2021 ins Leben gerufen, um eine verständnisvollere Perspektive auf das Verhalten von Menschen mit Behinderungen zu ermöglichen. Unter diesem Aspekt informiert die Website über die Verhaltensauffälligkeiten von Menschen mit Behinderungen. In der Webapp-Anbindung können Nutzer dieses Verhalten durch die verschiedenen Produkte erfassen und weitergehend zur Auswertung nutzen.

Die Kundenherausforderung

Unsere Aufgabe bestand zunächst darin, ein benutzerfreundliches und zugängliches Design zu visualisieren, auf dem anschließend die Entwicklung der CMS-Website und interaktiven Webapp aufbauen konnten. Die Herausforderung dabei ging vor allem aus der Darstellung der komplexen Formulare und der automatischen Generierung des Ergebnisbogens mit PDF-Export hervor. Daraus ergaben sich dann die weiteren Anforderungen:

  • Barrierefreie und datenschutzkonforme Lösung
  • Umfangreiche Redaktionsmöglichkeiten
  • Klares und einfach verständliches Design, besonders in der Darstellung der Formulare
  • Mobile Optimierung
  • Accountverwaltung mit und für mehrere Personen
  • PDF-Generierung und Export
Vemas auf Laptop

Die Lösung

Umgesetzt wurde die Website mit Drupal und die Webapp als Individualentwicklung mit eigenem React Frontend in Laravel. Dadurch konnte nicht nur die Barrierefreiheit und Sicherheit der Anwendung gewährleistet, sondern auch eine Lösung ohne Cookies gefunden werden. Die Datenverarbeitung erfolgt nach der DSGVO und den Datenschutzrichtlinien. Zur Verwaltung der Inhalte wurde durch das Drupal CMS eine intuitive Benutzeroberfläche geschaffen, zu deren Inhaltserstellung alle Administratoren eine Redaktionsschulung erhielten. Ein besonderes Anliegen war uns zudem die externe Einbindung von YouTube-Videos mit der vorigen Einwilligung durch die Nutzer.

Zielgerichtete Projektentwicklung: Von Wireframes zur funktionalen Webapp

Die Entwicklung des Projekts erfolgte durch effiziente Absprachen und auf Grundlage der zuvor in Figma erstellten Wireframes und Design-Vorschläge. Damit gelang uns die Eingliederung der mehrseitigen Formulare in die Webapp, die individuell ausgefüllt und bearbeitet werden können. Die Inputfelder wurden vorher von VEMAS definiert. Die Webapp ermöglicht es, Eingaben zu evaluieren und zu prüfen und erlaubt es, mit bzw. für mehrere Personen in einem Account zu arbeiten. Anschließend haben wir gewährleistet, dass alle eingetragenen Ergebnisse automatisch in den Ergebnisbogen übertragen werden, der sich als PDF exportieren lässt.

Vemas auf Laptop

Technologien

DrupalLaravel

Technischer Ansatz

Frameworks

Drupal, Laravel, React

Barrierefreiheit

BITV, WCAG

Programmiersprachen

PHP, HTML/CSS, JavaScript, SQL

Zusätzliche Anforderungen

PDF-Export, Multi-Accountverwaltung, Redaktionssystem, Schulungen

Zurück zu Referenzen