Kunde:

GT Plus GmbH
ITK-Dienstleister für kleine und mittelständische Unternehmen.

Projektabschluss

4. April 2023

Disziplin

UX & UI Design
UI-Design, UX-Design, Screen- & Webdesign

Verwendete Software

Verwendete Hardware

UX & UI Design für
GT Plus GmbH
ITK-Dienstleister für kleine und mittelständische Unternehmen.
Screen- & Webdesign, SEO, Website, Core Web Vitals, WCAG, Barrierefreiheit, Webdesign, design,

Hierzu: Mockup für die Projektplanung – Entwurfsreihe 3.

Bericht über das UI/UX-Design einer Tablet-Anwendung für das Hofgut Dagobertshausen – im Auftrag der GT Plus GmbH.

Die Entwicklung

Der Auftrag

Für GT Plus habe ich das UI/UX-Design einer Tablet-Anwendung für das Hofgut Dagobertshausen entwickelt. Die App ist für den Einsatz in Verkaufsständen gedacht, in denen frische Produkte wie Erdbeeren direkt vor Ort verkauft werden, sowie für LKW-Lieferungen an Läden.
Ziel war eine einfach bedienbare, klar strukturierte Benutzeroberfläche, mit der Mitarbeitende ohne große Einarbeitung arbeiten können. Gleichzeitig sollte die Anwendung direkt mit dem bestehenden ERP-System verbunden sein, sodass Bestände, Lieferungen und Verkäufe automatisch verbucht werden – ohne zusätzliche Papierarbeit oder Medienbrüche.

Gestalterisch sollte das Interface auf dem Corporate Design von GT Plus basieren und als Hausprodukt der GT Plus GmbH erkennbar sein: technisch, professionell und trotzdem zugänglich.

Bereiche der Entwicklung

Im ersten Schritt wurden Use Cases und Workflows analysiert:

  • Anmelden am System über einen einfachen PIN-Login,

  • Artikel- und Bestandsübersicht für Produkte wie Erdbeeren, Kartoffeln oder Spargel,

  • Erfassung und Verbuchung von Lieferungen und Beständen,

  • Anlagen von oder Zugriff auf Kunden und Aufträge,

  • sowie interne Umlagerungen zwischen Fahrzeugen und Lagern.

Darauf aufbauend entstand ein komplett durchdesigntes Tablet-Interface mit Fokus auf:

  • Klarer Informationshierarchie:
    Dashboard, Kunden, Aufträge, Lieferungen, Disposition und interne Lieferungen sind logisch gegliedert und über eine konsistente Navigation erreichbar.

  • Touch-optimierte Bedienelemente:
    Große Buttons, Tabellen mit ausreichend Zeilenabstand, ein gut bedienbares numerisches Eingabefeld und klar erkennbare Interaktionsflächen erleichtern den Einsatz unter Alltagsbedingungen im Verkaufsstand.

  • Statuskommunikation auf einen Blick:
    Lieferungen und Vorgänge sind mit eindeutigen Statusanzeigen versehen (z. B. abgeschlossen, in Bearbeitung, Warnung), sodass der aktuelle Bearbeitungsstand sofort erkennbar ist.

  • Klare Detailansichten:
    Artikel-, Kunden- und Lieferdetails wurden so gestaltet, dass alle relevanten Daten (Mengen, Einheiten, Adressen, Ansprechpartner, Preise) strukturiert und ohne Überfrachtung sichtbar sind – inklusive Platz für Hinweise und Zusatzinformationen.

Hierzu: Loginbereich für den Anwender, einfach und schnell.

Gestalterisch wurde das bestehende GT-Plus-Corporate-Design konsequent in die UI übertragen:

  • Farbwelt, Typografie und Icon-Logik sind an das Erscheinungsbild von GT Plus angelehnt,

  • das Interface wirkt damit wie ein eigenes GT-Plus-Produkt, das später auch bei weiteren Kunden und Projekten eingesetzt werden kann,

  • es wurden Dark-Mode-taugliche Layouts und klare Kontraste umgesetzt, um sowohl Lesbarkeit als auch Ermüdungsfreiheit bei längerer Nutzung zu gewährleisten.

Die Auslieferung erfolgte als interaktiver Prototyp (Adobe XD) inklusive:

  • klickbare Screens für Live-Vorführungen,

  • sauber dokumentierten Entwicklerdaten,

  • PDF-Dokumentation und

  • Export der UI-Elemente für die Implementierung durch die Entwicklung.

Folglich: Lieferungen in der Auftragsauswahl.
Hierzu: Details zu einer Lieferung (Untermenü).

Abschluss

Mit dem entwickelten UI/UX-Konzept entstand eine praxisnahe, ERP-verbundene Tablet-Oberfläche, die speziell auf den Einsatz in Verkaufsständen und den täglichen Umgang mit frischen Waren zugeschnitten ist.
Die Anwendung führt Mitarbeitende schrittweise durch alle relevanten Aufgaben – von der Bestandsprüfung über Lieferungen bis zur Dokumentation – und bleibt dabei übersichtlich, konsistent und markenkonform.

Für GT Plus bietet dieses Projekt ein starkes Referenzbeispiel:
eine eigene, im Corporate Design verankerte Applikation, die technische Kompetenz, Prozessverständnis und Gestaltungssicherheit im Bereich UI/UX-Design für B2B-Workflows sichtbar macht.

Auch interessant:

Mehr entdecken:

Screen- & Webdesign, SEO, Website, Core Web Vitals, WCAG, Barrierefreiheit, Webdesign, design,
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, UI-Design, UX-Design, Digital Art, Retouching, Stills, Drohnen-Aufnahmen, Ambiente-Fotografie, Screen- & Webdesign, Technische Umsetzung, Webmodule
Logotypen Erläuterung; Wort-Bild-Marke, Wortmarke, Bildmarke, Lettermark, Letterform, Maskottchen, Abstrakt, Emblem und dynamisches Zeichen.
GT Plus GmbH
Corporate Design
Farbschema
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Kommunikationsdesign
Druckvorstufe, Akzidenz
Screen- & Webdesign, SEO, Website, Core Web Vitals, WCAG, Barrierefreiheit, Webdesign, design,
Visualisierung Grafiken Illustration Bildbearbeitung
Lavida Wohnen 4. Verwaltungs GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, UI-Design, UX-Design, Digital Art, Retouching, Stills, Drohnen-Aufnahmen, Ambiente-Fotografie, Screen- & Webdesign, Technische Umsetzung, Webmodule
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Kommunikationsdesign, Bild & Ton
Motion Design
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Visualisierung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Visualisierung
Visualisierung von Grafiken, Digital Art, Retouching, Stills, Ambiente-Fotografie
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills
Corporate Design Onix Design - Blog; Björn Grun - Grafikdesigner, Corporate Design, Illustration, Software, Hardware, Eigene Projekte
Screen- & Webdesign, SEO, Website, Core Web Vitals, WCAG, Barrierefreiheit, Webdesign, design,
KreativBox - Fotobox Gesamtgestaltung - KreativBox - Fotobox
Silver Eventagentur
Gesamt- Gestaltung ohne C.D.
Einfache Gesamtgestaltung, UI-Design, UX-Design, Digital Art, Retouching, Screen- & Webdesign, Technische Umsetzung
Screen- & Webdesign, SEO, Website, Core Web Vitals, WCAG, Barrierefreiheit, Webdesign, design,
Bollmann-Ten Brinke Projektentwicklung GmbH
UX & UI Design, Gesamt- Gestaltung ohne C.D.
Screen- & Webdesign, Technische Umsetzung
Visualisierung Grafiken Illustration Bildbearbeitung
Logotypen Erläuterung; Wort-Bild-Marke, Wortmarke, Bildmarke, Lettermark, Letterform, Maskottchen, Abstrakt, Emblem und dynamisches Zeichen.
GT Plus GmbH
Kommunikationsdesign
Druckvorstufe, Akzidenz, Visualisierung von Grafiken, 3D Visualisierung, Digital Art
Visualisierung Grafiken Illustration Bildbearbeitung
Logotypen Erläuterung; Wort-Bild-Marke, Wortmarke, Bildmarke, Lettermark, Letterform, Maskottchen, Abstrakt, Emblem und dynamisches Zeichen.
GT Plus GmbH
Kommunikationsdesign
Druckvorstufe, Visualisierung von Grafiken
Screen- & Webdesign, SEO, Website, Core Web Vitals, WCAG, Barrierefreiheit, Webdesign, design,
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills

Leistungen:

Mitglied des Allianz deutscher Designer e.V. (Alliance of German Designers, AGD) & der VG Bild & Kunst