2022

itmX Sales Web App

Redesign und Weiterentwicklung einer CRM-Webanwendung mit Fokus auf bessere Usability, stabilere Performance und eine konsistente, skalierbare Frontend-Struktur.
Vue.jsPrimeVueVuexVitestJavaScriptES6HTML5CSS3SASSGitnpm
Responsive webapp design for itmX shown on desktop, laptop, tablet, and mobile devices

Über das Projekt

Die itmX Sales Web App bietet Unternehmen eine zentrale Plattform zur Verwaltung ihres gesamten Vertriebsprozesses. Von Lead- und Pipeline-Tracking über Opportunity-, Besuchs- und Aufgabenmanagement werden alle relevanten Abläufe in einem System abgebildet.

Ziel ist es, Teams einen klaren Überblick über Kundenaktivitäten zu geben und effizientere, datenbasierte Vertriebsprozesse zu ermöglichen.

Problem

Die bestehende Vue.js-Anwendung litt unter mangelnder Responsiveness, häufigen Bugs und einer inkonsistenten Benutzeroberfläche. Mit zunehmender Komplexität wurden Usability und Wartbarkeit immer herausfordernder.

Gleichzeitig mussten neue Features implementiert werden, ohne die Skalierbarkeit und Zukunftssicherheit der Anwendung zu gefährden.

Vorgehen & Umsetzung

Der Fokus lag darauf, die Usability zu verbessern, die Anwendung zu stabilisieren und eine konsistente UI-Grundlage zu schaffen, während parallel neue Funktionen entwickelt wurden.

UI/UX Verbesserungen

Überarbeitung und Optimierung der Benutzeroberfläche, um eine klarere Struktur zu schaffen, Konsistenz zu erhöhen und komplexe Workflows zu vereinfachen.

Responsive Design

Neugestaltung des Layouts für eine nahtlose Nutzung auf allen Geräten – vom Desktop bis zum Smartphone.

UI Framework Integration

Einführung von PrimeVue zur Etablierung eines konsistenten und skalierbaren Designsystems sowie zur Beschleunigung der Weiterentwicklung.

Feature Entwicklung

Umsetzung neuer Funktionen wie Kalenderansicht, Bing Maps Integration und individuell anpassbare Dashboards.

Frontend Modernisierung

Migration der Anwendung von Vue 2 auf Vue 3 zur Verbesserung von Performance und langfristiger Wartbarkeit.

Codequalität & Testing

Einführung erster Unit Tests und Beitrag zur Verbesserung der Stabilität und Zuverlässigkeit des Codes.

Zusammenarbeit & Mentoring

Enge Zusammenarbeit im cross-funktionalen Team, Unterstützung von Junior-Entwicklern und Durchführung von Pair-Programming-Sessions.

Ergebnis & Mehrwert

Das Ergebnis ist eine deutlich stabilere, responsive und benutzerfreundlichere Anwendung.

Eine konsistente UI und verbesserte UX erleichtern die Verwaltung komplexer Vertriebsprozesse, während die modernisierte technische Grundlage Skalierbarkeit und die kontinuierliche Weiterentwicklung unterstützt.

Galerie

Screenshots aus dem Projekt

Hast du eine Idee? Lass sie uns umsetzen.

Egal, ob Landingpage oder komplette Web-App – ich helfe dir dabei, deine Vision mit sauberer, moderner Frontend-Entwicklung zum Leben zu erwecken.