Polytrade

Eine intuitive Web-Applikation für den Kauf und Verkauf von 3D-Modellen

Webengineering
Webdesign
UI / UX
2025
Studium (Master)

Aufgabenstellung

Im Rahmen dieses Projekts war eine Web-Anwendung mit einem vollwertigen Usermanagement-System zu entwickeln, das Nutzern die Interaktion untereinander ermöglicht. Als technologische Grundlage wurde ein spezifischer bestehend aus , , / und vorgegeben.

Umsetzung

Mit Polytrade ist eine intuitive Web-Applikation für den Kauf und Verkauf von 3D-Modellen entstanden. Die Plattform zeichnet sich durch ein modernes Design, einen integrierten Model-Viewer und ein unkompliziertes Usermanagement-System aus.

Ergebnisse

Screenshots aus der Webanwendung

Landing Page
Anmeldemaske
Registrierungsmaske
Landing Page (als eingeloggter User)
User-Einstellungen (dieser User ist Admin, normale User sehen den Bereich »Admin Dashboard« nicht)
Übersicht aller angeboteten Modelle mit Filterleiste
Detailansicht eines Models mit interaktivem Modelviewer
Sykbox und Environment sind im Modelviewer togglebar
Übersicht der weiteren Modelle dieses Users
Kommentar- und Bewertungsbereich für dieses Modell
Zahlungsmaske beim Modellkauf
Auswahl einer Zahlungsmethode
Zahlung erfolgreich
Maske für den Verkauf von eigenen Modellen
Vorschau des eigenen Modells, hierüber kann ein Vorschaubild generiert werden
Profileinstellungen für den aktuellen User
Übersicht der eigenen Modelle. Diese können öffentlich oder privat geschaltet werden, man kann das Vorschaubild ändern oder das Modell löschen.
Übersicht des Admin-Dashboards. Nur für Admins einsehbar.
Admin-Dashboard: Useransicht. User können zum Admin befördert / zu regulären Usern degradiert oder gelöscht werden (E-Mail-Adressen zensiert)
Admin-Dashboard: Modellansicht. Modelle können angezeigt, privat / öffentlich gesetzt oder gelöscht werden (E-Mail-Adressen zensiert)
Admin-Dashboard: Kommentaransicht. Kommentare können gelöscht werden (E-Mail-Adressen zensiert).
Admin-Dashboard: Einstellungsansicht. Weitere Einstellungen für Admins. Diese hatten noch keine Funktionalität und dienten nur der Visualisierung.
Beispielhaftes Impressum.

Zusammenfassung

Konzeption
Technische Implementierung
Kernfunktionen
UI / UX-Design
Herausforderungen
Ergebnisse und Learnings

Im Rahmen des Moduls Webengineering wurde die Web-Applikation »Polytrade« konzipiert und entwickelt. Das Ziel war die Erstellung einer Plattform für den Austausch von 3D-Modellen, die ein vollständiges Usermanagement und die Interaktion zwischen Nutzern ermöglicht.

Fokus der Arbeit lag auf der Implementierung von Benutzerauthentifizierung, der automatisierten Verarbeitung von Model-Uploads und der Integration eines interaktiven 3D-Viewers von Google. Es wurde ein besonderer Wert auf eine skalierbare Architektur gelegt, um zukünftige Funktionen wie echte Transaktionen zu ermöglichen.

Das Resultat ist ein funktionsfähiger Prototyp, der die Kernanforderungen erfüllt und als solide Grundlage für weiterführende Entwicklungen im Bereich des E-Commerce für digitale Güter dient.

Verwendete Tools

  • und
  • -Datenbank
  • <model-viewer>
  • /

Projektergebnisse

  • Eine vollständige Web-Applikation (Prototyp)
  • Funktionierendes Usermanagement mit Authentifizierung
  • Admin-Dashboard zur Nutzer- und Inhalteverwaltung
  • Integration des Google <model-viewer> zur 3D-Modell-Ansicht
  • Konzeption der Marke »Polytrade« inkl. Design-Prinzipien ( / )
  • Architektonische Grundlage für zukünftige Features