Incom ist die Kommunikations-Plattform der Technische Hochschule Augsburg Gestaltung

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Praktikum bei einem Startup - CityUp

Im Rahmen meines Pflichtpraktikums im Studiengang Interaktive Medien (B.Sc) hatte ich die Gelegenheit, bei cityUP, einem Pre-Startup in der Gründungsphase, mitzuarbeiten.

1. CityUp

CityUP wurde 2024 von den drei Gründern Joel Armbruster, Naemi Niemann und Leonard Nürnberg ins Leben gerufen und ist aktuell im Mentoringprogramm des Funkenwerks der Technischen Hochschule Augsburg eingebunden.

Das Unternehmen hat sich auf die Entwicklung einer innovativen B2B-Softwarelösung spezialisiert, die energetische Modernisierungsstrategien für Gebäude optimiert. Durch die Nutzung digitaler Gebäudeportfoliomanagement-Tools und automatisierter energetischer Bewertungen möchte cityUP dazu beitragen, Transparenz und Nachhaltigkeit in der Bau- und Immobilienbranche zu fördern. Die Software richtet sich insbesondere an Immobilienbesitzer, Verwalter und andere Akteure der Branche, die vor der Herausforderung stehen, ihre Bestandsbauten effizient und klimafreundlich zu modernisieren.

Während meines Praktikums hatte ich die Möglichkeit, in verschiedenen Entwicklungsphasen des Projekts mitzuwirken. Dies reichte von der Gestaltung und Implementierung der Benutzeroberfläche bis hin zur technischen Realisierung zentraler Funktionen der Software. Das agile und dynamische Arbeitsumfeld sowie die hohe Eigenverantwortung, die mir übertragen wurde, ermöglichten es mir, meine Kenntnisse in der Webentwicklung und Softwaregestaltung praxisnah zu erweitern.

2. Meine Aufgaben

- Planung von Vorgehensweisen und verwendeten Technologien

- Prototyping UI / UX in Figma

- Frontend Entwicklung mit React (Redux, Router-Dom, TailwindCSS)

- Backend Entwicklung mit PHP (APIs, Domain Driven Design)

- Datenbankdesign und -verwaltung

- Dokumentation (Codekommentare, Ausarbeitung von Code-Guides)

- Infrastruktur (Automatisierungen / Pipelines)

2.1. Beispielprojekt - Gebäudeportfolio

Ein zentraler Bestandteil meiner Arbeit war die Entwicklung eines Gebäudeportfolios, das als Kernmodul der Software dient. Dabei war ich nahezu vollständig für die UI/UX-Gestaltung sowie die eigentliche Fullstack-Implementierung der folgenden Module verantwortlich.

Prototyping.pngPrototyping.png

2.1.1. Portfolio-Seite

Diese Seite stellt alle inventarisierten Gebäude in einer übersichtlichen Tabelle dar. Neben grundlegenden Informationen wie Adresse, Baujahr und Gebäudetyp enthält sie Insights, die einen schnellen Überblick über die wichtigsten Kennzahlen der Gebäude bieten. Diese Insights sind interaktiv und dienen zugleich als Filter, um spezifische Gebäude nach bestimmten Kriterien anzuzeigen. Zusätzlich ermöglicht ein „Gebäude Hinzufügen“-Button die manuelle Erfassung neuer Gebäude.

Portfolio-Page.pngPortfolio-Page.png

2.1.2. Detailansicht

Hier werden alle relevanten Informationen eines ausgewählten Gebäudes in einer strukturierten Ansicht präsentiert. Die Nutzer können detaillierte Daten zu den Anlagen des Gebäudes einsehen und bearbeiten. Eine Bearbeiten-Funktion erlaubt die Anpassung von Gebäudedetails, während eine Löschfunktion eine vollständige Entfernung ermöglicht.

Detailansicht.pngDetailansicht.png

2.1.3 Merge-Seite

Diese Seite dient der Zusammenführung von Daten, insbesondere wenn Informationen aus verschiedenen Quellen integriert oder Datenkonflikte gelöst werden müssen. Nutzer können hier Details mehrerer Datensätze vergleichen und entscheiden, welche Informationen übernommen werden sollen. Dies geschieht durch eine intuitive Benutzeroberfläche, die klar zwischen den alternativen Datenpunkten unterscheidet und so eine präzise Auswahl ermöglicht. Die Merge-Funktion spielt eine entscheidende Rolle bei der Sicherstellung der Konsistenz und Vollständigkeit der Gebäudedaten und unterstützt damit einen zentralisierten und fehlerfreien Datenbestand.

MergePage.pngMergePage.png

3. Rahmenbedingungen

- Homeoffice

- Flexible Arbeitszeiten (40h x Woche)

4. Fazit

Das Praktikum bei cityUP ermöglichte mir, mein Wissen in der Webentwicklung zu vertiefen und praktische Erfahrungen in einem agilen Startup-Umfeld zu sammeln. Besonders die Kombination aus kreativen Gestaltungsprozessen und technischer Implementierung war bereichernd.

Durch die vielseitigen Aufgaben konnte ich nicht nur meine fachlichen Fähigkeiten erweitern, sondern auch wichtige Einblicke in die Herausforderungen eines Gründungsprojekts gewinnen. Dieses Praktikum war ein großer Schritt in meiner persönlichen und beruflichen Entwicklung.

Ein Projekt von

Fachgruppe

Interaktive Medien

Art des Projekts

Praktikumsbericht

Zugehöriger Workspace

PRAXIS Seminar IA5 WS24_25

Entstehungszeitraum

Wintersemester 2024 / 2025

Keywords