GUNDA
Minimalistische webbasierte Projektmanagement-Anwendung
Hintergrund
In vielen Projektmanagement-Tools gibt es oft eine Vielzahl von Funktionen, die den Benutzer überfordern und wichtige Informationen schwer zugänglich machen. Häufig sind Aufgaben, Projekte und relevante Dokumente verstreut, was die Kommunikation und Organisation im Team erschwert. Es fehlt an einer zentralen Anlaufstelle, um den Überblick über den Fortschritt, die Verfügbarkeit der Teammitglieder und die zu erledigenden Aufgaben zu behalten.
Die Aufgabe besteht darin, eine einfache, übersichtliche Plattform zu entwerfen, die sich auf das Wesentliche konzentriert. GUNDA löst dieses Problem, indem es alle Kernfunktionen an einem Ort zusammenführt.
Dieses Projekt ist aktuell im Entwicklungsprozess.
Features
- Projekt- & Aufgabenmanagement
- Zeiterfassung
- Bürokalender
Designprozess
1 Nutzerforschung
Um die Benutzerbedürfnisse genau zu verstehen und eine benutzerzentrierte Lösung zu entwickeln, habe ich mit den Zielgruppen (Projektmanagern, Teammitgliedern) zusammengearbeitet. Die wichtigsten Erkenntnisse aus der Benutzerforschung waren:
- Projektmanager benötigen eine klare Übersicht über den Projektfortschritt, Aufgaben und Zeitaufwand der Teammitglieder
- Teammitglieder wollen einfach Aufgaben zugewiesen bekommen und den Status ihrer Aufgaben sowie den gesamten Projektzeitplan auf einen Blick sehen.
2 User Flows
Hier ein paar Beispiele zu den User Flows mit groben Schrittabläufen, die zusammen mit der Geschäftsführung und Projektleitung der IT's Ambio AG entwickelt wurde:
- Projekt erstellen und Aufgaben zuweisen
- Benutzer wählt „Neues Projekt erstellen“
- gibt relevante Projektinformationen ein, wie Projektname, Vertrags-Nr. usw.
- weist Teammitglieder zu
- definiert Phasen und Aufgaben und setzt Deadlines
- verknüpft relevante Dateien und Links
- Aufgabenmanagement
- Benutzer sieht alle Aufgaben in einem übersichtlichen Dashboard
- Aufgaben können bearbeitet, kommentiert oder als erledigt markiert werden
- Zeiterfassung wird direkt mit der Aufgabe verknüpft, um eine vollständige Übersicht zu gewährleisten
3 Wireframing & Prototyping
Die Designphase begann mit der Erstellung von Wireframes, um die grundlegende Struktur und die wichtigsten Interaktionen zu definieren. Die wichtigsten Funktionen der Anwendung und deren Benutzerflüsse wurden folgendermaßen gestaltet:
Projekte & Phasen
Jedes Projekt ist in Phasen unterteilt, und jede Phase kann eine oder mehrere Aufgaben beinhalten. Die Aufgaben können direkt aus der Projektübersicht erstellt und bearbeitet werden.
Aufgabenmanagement
Jede Aufgabe enthält grundlegende Informationen wie Titel, Beschreibung, verantwortliche Person, Deadline, und Status. Aufgaben können Prioritäten zugewiesen werden und eine klare Timeline visualisieren, wie weit der Fortschritt in der jeweiligen Phase des Projektes fortgeschritten ist. Jede Aufgabe kann kommentiert werden und mit relevanten Dokumenten und Links verknüpft werden, die für das Team zugänglich sind.
Zeiterfassung und Arbeitszeitmanagement
Teammitglieder können für jede Aufgabe ihre gearbeiteten Stunden eintragen. Es wird automatisch erfasst, wie viel Zeit für jede Aufgabe aufgewendet wurde und wie viele Stunden insgesamt pro Projekt gearbeitet wurden.
Bürokalender mit An- & Abwesenheiten
Der Kalender integriert zwei Kategorien und zeigt sowohl den aktuellen Arbeitsort (Homeoffice oder im Büro), als auch geplante Abwesenheiten wie Urlaub, Dienstreisen oder Krankheitstage. So können Teamleiter genau sehen, wer zu welchem Zeitpunkt verfügbar ist und gegebenenfalls die Arbeitsbelastung anpassen
4 Visuelles Design & Layout
Das visuelle Design wurde mit dem Fokus auf Minimalismus und Benutzerfreundlichkeit entwickelt. Ziel war es, eine klare, strukturierte Benutzeroberfläche zu schaffen, die den Nutzer nicht ablenkt, sondern die wichtigsten Informationen auf einen Blick verfügbar macht.
Farbpalette
Eine ruhige, neutrale Farbpalette mit Akzentfarben, die Aufgabenstatus und Prioritäten klar kennzeichnet; z.b. Grün für abgeschlossene Aufgaben, Gelb für laufende Aufgaben usw.
Grafische Elemente
Einfache, intuitive Icons wurden verwendet, um Aufgaben schnell zu kategorisieren und die Navigation zu erleichtern.
Responsive Design
Plattform wurde für die Nutzung auf verschiedenen Geräten (Desktop, Tablet, Mobil) optimiert.
Styleguide
Der Styleguide enthält alle grundlegenden Designprinzipien und UI-Komponenten, um eine konsistente visuelle Sprache über die gesamte Plattform hinweg zu gewährleisten.
Mockups
