Referenz 03

„App Entwicklung“
Ina Staiger

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.

Ina Staiger – App Entwicklung Übersicht
UX-Konzeption – Wireframes und Nutzeranalyse für die App
UI-Design – Designsystem und Benutzeroberflächen der App
Interaction Design – Interaktive Prototypen und Userflows

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: UI-Konzeption für Apps, Erstellung modularer Komponenten, Prototyping und technische Umsetzung in Flutter/Dart.
Design, Konzeption und Prototypen stammen aus einem vorherigen eigenen Projekt.

Jahr und zeitlicher Rahmen: 2025 – 3 Monate

Fokus: Design für Apps sowie die Programmierung in Flutter/Dart

Tools: Figma, Flutter/Dart, Visual Studio Code, Github, Adobe Photoshop, API, Supabase, MAC

Ausgangslage und Zielsetzung

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 erarbeitete UX und UI Konzeption

 

Herausforderung – Ausgangslage und Zielsetzung der App-Entwicklung
Vorgehensweise – Strategie, Konzeption und Umsetzung der App

Strategie und Konzeption

Die Vorgehensweise

  • 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

 

Umsetzung und Wirkung

Das Endergebnis

  • Erste Kernfunktionen umgesetzt, darunter Registrierungsprozess sowie Profilerstellung 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

 

Endergebnis – Funktionale App mit konsistentem UI

Fazit

Auf den Punkt gebracht

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.