Ophardt Werft App

UI-Konzepierung
UX-Prototyping
test

Hintergrund

Ophardt Maritim ist ein Unternehmen der Ophardt R+D GmbH + Co. KG sowie der OP-SHIPP Module GmbH. Es entstand aus der 2001 gegründeten Forschungs- und Entwicklungseinheit und ist Teil der Ophardt Hygiene Unternehmensgruppe.

Das Unternehmen Ophardt Maritim stellt Hochgeschwindigkeits-Aluminiumboote her, die sowohl für die Bundeswehr und die Polizei als auch für den privaten Bereich bestimmt sind. Der Markenname ZeroDark gehört der OP-SHIPP Module GmbH, einer Tochtergesellschaft innerhalb der Maritim Group.

Problem

Aufgrund spezifischer technischer Anforderungen und des wachsenden Arbeitsvolumens benötigte Ophardt Maritim ein internes Werkzeug, um die Aufgaben der Mitarbeiter in der Produktion und im technischen Büro besser zu organisieren und zu verwalten.

Nach einer vorangegangenen Marktrecherche nach bereits vorhandenen App-Anwendungen oder Programmen wurde beschlossen, eine eigene App für die entsprechenden Anforderungen zu konzipieren und zu programmieren, wobei der Schwerpunkt auf einer benutzerfreundlichen Handhabung lag.

Dieses Projekt stellt eine Erweiterung der Anwendung speziell für die Mitarbeiter der Produktionshalle dar.

Ziel

Konzeption einer mobilen Anwendung für die Mitarbeiter der Produktionshalle mit dem Fokus auf Minimalismus, einem Chat-System und einer kleinen Anzahl von Funktionen, damit die App so einfach wie möglich zu bedienen ist.

Was habe ich umgesetzt?

Ich habe mir zunächst die möglichen React Native UI-Kits angesehen, um zu verstehen, welchen Stil ich bei der Erstellung von High-Fidelity-Prototypen verwenden sollte. Danach habe ich die Infrastruktur der App schematisch skizziert. Nach diesen Schritten habe ich Low-Fidelity-Prototypen erstellt und sie unserer technischen Abteilung präsentiert.

Nach ihrer Zustimmung habe ich High-Fidelity-Mocks vorgestellt und anschließend auch die interaktiven Figma-Prototypen erstellt, die in der zweiten Runde zur vollständigen Überprüfung der App verwendet wurden.

High-Fidelity Wireframing

Hier sind einige der High-Fidelity-Prototypen, die ich erstellt habe und die ich mit Zustimmung des Arbeitgebers veröffentlichen darf:

test
test

Interaktiver Prototype

Um die Interaktion des Nutzers mit bestimmten Funktionssystemen der App so detailliert wie möglich darzustellen, habe ich in Figma für einige Ansichten interaktive Mockups erstellt.

Usability Testing und Feedback

Wir haben mehrere Benutzertests mit dem Tool "Maze" durchgeführt, um die Abläufe noch weiter verbessern zu können.