©Sergey Emelyanov 2025 | Alle Rechte vorbehalten
Als erfahrener Entwickler spezialisiere ich mich auf Laravel- und Vue.js-Entwicklung, die Implementierung von Vtiger CRM sowie auf vielfältige WordPress-Projekte. Meine Arbeit zeichnet sich durch kreative, dynamische und benutzerzentrierte Weblösungen aus, die individuell an die Bedürfnisse meiner Kunden angepasst werden.
An Vtiger hat mich schon länger eines gestört: Das CRM bietet viele Möglichkeiten, aber die Oberfläche sieht aus, als hätte sich seit Jahren kaum jemand um sie gekümmert. Irgendwann gewöhnt man sich daran. Man weiß, wo die Schaltflächen sitzen, und bemerkt gar nicht mehr, wie viel Platz die Leisten rund um die eigentliche Liste beanspruchen.
Dabei öffnet man das CRM jeden Tag. Man sucht Kunden, prüft Verkaufschancen, liest Absprachen nach und plant den nächsten Anruf. Genau diese alltägliche Arbeit wollte ich angenehmer machen.
Deshalb habe ich ModernUI entwickelt: ein Theme mit neuer Oberfläche für Vtiger CRM Open Source 8.4. Sie ist fertig und lässt sich bereits einsetzen. Hier zeige ich echte Screenshots und die Änderungen, die im Arbeitsalltag auffallen.
Die Liste der Verkaufschancen in ModernUI. Alle Screenshots sind auf Englisch; sämtliche Unternehmen und Vorgänge sind frei erfunden.
In einer eingerichteten Vtiger-Installation steckt oft viel Arbeit: Kundendaten, eigene Felder, die Verkaufshistorie und Berichte, die zum Unternehmen passen. Das hat einen Wert. Gleichzeitig ist der Wunsch nach einer zeitgemäßen Oberfläche verständlich.
Ich wollte das vertraute CRM behalten und die Bereiche überarbeiten, mit denen man ständig zu tun hat: Menüs, Listen, Datensätze und Eingabeformulare. Als gestalterische Orientierung diente mir die Cloud-Oberfläche von Vtiger. ModernUI habe ich für die Open-Source-Version auf dem eigenen Server entwickelt.
Zum Vergleich: dieselben Verkaufschancen in der Standardoberfläche von Vtiger, bei gleicher Fensterbreite.
Mit ModernUI nutzt die Liste fast die gesamte Breite des Arbeitsbereichs. Die dauerhaft sichtbaren Seitenleisten weichen einem kompakten Menü. Häufig benötigte Module lassen sich oben als Favoriten ablegen.
In der Liste der Verkaufschancen sehen Sie Namen, Vertriebsphasen, Beträge und geplante Abschlussdaten. Für bestimmte Kunden oder einen bestimmten Status stehen Suche und Filter bereit. Auch Sortierung, Mehrfachauswahl und die gewohnten Listenaktionen bleiben verfügbar.
Gerade auf einem Notebook ist dieser zusätzliche Platz angenehm. Dort möchte ich möglichst viel von den Informationen sehen, mit denen ich gerade arbeite.
Ein typischer Fall: Sie gehen die offenen Verkaufschancen durch und prüfen jeweils den nächsten Schritt. ModernUI kann einen Datensatz in einem großen Fenster über der Liste öffnen. Sie sehen sich die Details und verknüpften Einträge an und schließen das Fenster wieder. Die Liste ist weiterhin da.
Registerkarten und Abschnitte ordnen die Informationen. Über die Feldsuche finden Sie ein bestimmtes Feld direkt anhand seines Namens. Das ist besonders praktisch, wenn Ihr CRM viele eigene Felder enthält.
Eine Verkaufschance über der Liste: oben die Registerkarten, links die einzelnen Abschnitte.
Die Bearbeitungsformulare folgen derselben Gestaltung. Felder sind übersichtlich gruppiert, die Abschnittsauswahl steht seitlich und die Schaltflächen zum Speichern befinden sich unten im Fenster. Sie bearbeiten weiterhin die Daten Ihres bestehenden CRM-Systems.
Das Bearbeitungsformular mit getrennten Bereichen für die wichtigsten Angaben und die Beschreibung.
Das Menü von ModernUI hat eine eigene Suche. Wenn Sie nicht mehr wissen, wo ein Modul zu finden ist, geben Sie einfach seinen Namen ein. Verkaufschancen, Organisationen, Kalender oder Berichte können Sie zusätzlich als Favoriten ablegen.
Administratoren können die Reihenfolge ändern, Module zu Gruppen zusammenfassen und unnötige Menüpunkte ausblenden. Für den Zugriff auf die eigentlichen Daten gelten weiterhin die in Vtiger eingerichteten Berechtigungen.
Die Module sind in einem Menü zusammengefasst. Favoriten führen direkt zu häufig genutzten Bereichen.
Manche möchten möglichst viele Zeilen auf einmal sehen. Andere bevorzugen größere Schrift und mehr Abstand. In ModernUI lassen sich Textgröße und Darstellungsdichte persönlich einstellen, soweit der Administrator diese Optionen freigegeben hat.
Für das gesamte Unternehmen können Farben, Schriften und ein Logo festgelegt werden. Die Bedienelemente und Einstellungen von ModernUI sind auf Deutsch, Englisch und Russisch verfügbar. Feldnamen und andere Module verwenden die Übersetzungen Ihrer Vtiger-Installation.
Über die persönlichen Einstellungen kann jeder Nutzer eine angenehme Darstellung wählen.
ModernUI wird als Erweiterung in Vtiger Open Source 8.4 installiert. Für die neue Gestaltung müssen Sie Ihre Kundendaten nicht in einen anderen Dienst übertragen. Das CRM läuft weiterhin auf Ihrem eigenen Server.
Sie können mit einem Nutzer oder einer kleinen Gruppe beginnen. Prüfen Sie Ihre Listen, Datensätze und üblichen Abläufe, bevor Sie die Oberfläche für das ganze Team aktivieren. Die Standardansicht bleibt verfügbar.
Bei einer älteren Vtiger-Version steht zunächst das Versionsupdate an. Eigene Anpassungen und Erweiterungen von Drittanbietern sollten vor der Umstellung auf einer Kopie des Systems geprüft werden. Wie das Update abläuft, hängt von Ihrer Installation ab.
ModernUI ist ein Open-Source-Projekt. Eine Beschreibung des Themes und den Quellcode finden Sie im ModernUI-Repository auf GitHub.
Wenn Vtiger fachlich zu Ihrem Unternehmen passt, Sie sich aber eine angenehmere Oberfläche wünschen, schreiben Sie mir. Ich unterstütze Sie beim Vtiger-Update, bei der Installation von ModernUI und bei der Gestaltung für Ihr Team.
Nennen Sie mir zum Einstieg Ihre Vtiger-Version und das, was Sie an der heutigen Oberfläche am meisten stört. Ich sehe mir Ihre Anpassungen und Erweiterungen an und schlage einen passenden Ablauf für die Aktualisierung vor.
©Sergey Emelyanov 2025 | Alle Rechte vorbehalten