CASE STUDY 03

"App Entwicklung"

Entwicklung einer eigenen App zur Erweiterung der UI/UX‑Expertise. Fokus auf mobile App‑Design und technische Umsetzung mit Flutter/Dart. Umsetzung von der Konzeption über Prototyping bis zur Implementierung.

ANSICHTEN

Design-Prozess

PROJEKT-ÜBERSICHT

Anforderung, Strategie und Ergebnis

Ziel: Ein funktionales Produkt entwickeln, das UX‑Struktur, UI‑Systematik und technische Umsetzung in Flutter/Dart verbindet. Gleichzeitig sollte eine App entstehen, die auf eigenen Konzepten basiert. Das Projekt ermöglichte den vollständigen Einstieg in die App‑Programmierung.

Rolle: UX- und UI-Konzeption, visuelles Design, Entwicklung eines konsistenten Styleguides, Erstellung modularer Komponenten, Interaction Design, Wireframing, Prototyping und technische Umsetzung in Flutter/Dart.

Design, Konzeption und Entwicklung wurden dabei in einer Rolle vereint.

Die Herausforderung

  • Die App soll ein konsistentes Nutzererlebnis bieten
  • Dient gleichzeitig als technische Grundlage für die Arbeit mit Flutter/Dart
  • Ziel war die Verbindung von Design‑System‑Logik, UX‑Struktur und App‑Architektur
  • Umsetzung als funktionales und erweiterbares Produkt
  • Modularität gewährleisten, um Konsistenz, Skalierbarkeit und Wartbarkeit zu sichern
  • Als Grundlage dient die zuvor erarbeitet UX und UI Konzeption

Mein Vorgehen

  • Schritt für Schritt. Section für Section.
  • Modularer Aufbau & Architektur: Module definieren, Schnittstellen planen, Skalierbarkeit sichern
  • Technische Umsetzung in Flutter/Dart: Widgets entwickeln, Navigation strukturieren, State‑Management festlegen
  • Testing & Iteration: Usability‑ und technische Tests, Performance prüfen, Feedback einarbeiten
  • Release & Weiterentwicklung: Versionierung, Dokumentation, kontinuierlicher Ausbau und Optimierung

Das Ergebnis

  • Erste Kernfunktionen umgesetzt, darunter Registrierungsprozess sowie Profil­erstellung und ‑bearbeitung
  • Funktionale App mit klarer UX‑Struktur
  • Konsistentes UI auf Basis modularer Komponenten
  • Technische Umsetzung verbindet Design‑System, Nutzerführung und App‑Architektur
  • Alle Elemente wurden zu einem durchgängigen Produkt zusammengeführt

Das FaziT

Das Projekt zeigt die Verbindung aus UX‑Struktur, UI‑Systematik und technischer App‑Entwicklung in einem konsistenten Produkt. Durch den Einsatz eines modularen Design‑Systems, klarer Nutzerführung und einer sauberen technischen Umsetzung entsteht eine Lösung, die sowohl gestalterisch als auch strukturell überzeugt.

Die Arbeit verdeutlicht die Fähigkeit, komplexe Anforderungen zu analysieren, in klare Prozesse zu überführen und konsistent umzusetzen – ein Anspruch, der eine strukturierte, prozessorientierte und technisch fundierte Arbeitsweise voraussetzt. 

Die Umsetzung der eigenen Konzepte in der Programmierung hat das Verständnis für technische Zusammenhänge vertieft sowie die Einblicke in Entwicklungsprozesse erweitert.

DER PROTOTYP - DAS KLICKERLEBNIS

DIE APP - DAS TOUCHERLEBNIS