iie systems

Als Webentwickler habe ich zusammen mit Eric Wicker eine neue WordPress-Website für iie systems umgesetzt. Das Projekt war besonders spannend, da es die visuelle Neugestaltung eines etablierten digitalen Praxismanagement-Systems betraf.

Über iie systems

iie systems (öffnet in neuem Tab) ist ein spezialisiertes Praxismanagement-System für die Kieferorthopädie. Es unterstützt Praxen bei der Digitalisierung ihrer täglichen Abläufe - von der Online-Terminbuchung bis zum digitalen Rechnungsversand. Das System wurde aus der Kieferorthopädie heraus für die spezifischen Bedürfnisse der Branche entwickelt.

Das Produktportfolio

Die Produktpalette von iie systems umfasst verschiedene Module für den digitalen Praxisalltag. Von der Basis-Software iie Professional bis hin zu spezialisierten Lösungen wie der Fotosoftware iie Images: Jedes Modul wurde für die spezifischen Anforderungen von KFO-Praxen entwickelt.

Innovative Technologien für den Praxisalltag

Das System bietet sechs Kernbereiche, die den Praxisalltag erleichtern:

Die technische Umsetzung

Für dieses Projekt holte mich Eric Wicker, Senior User Experience Consultant, ins Boot. Meine Hauptaufgabe war es, sein visuelles Konzept aus Figma in WordPress zu überführen. Eine zentrale Anforderung war dabei die Implementierung mit Elementor, um dessen ausgefeiltes Komponenten-System optimal zu nutzen.

Die Website präsentiert die umfangreichen Funktionen von iie systems klar und übersichtlich:

• Integration des Online-Terminmanagement-Systems
• Darstellung der digitalen Anamnesebögen
• Präsentation des digitalen Rechnungsversands
• Übersicht der Praxismarketing-Funktionen

Backend-Optimierung für effiziente Content-Pflege

Ein besonderer Schwerpunkt meiner Entwicklung lag auf der Optimierung des WordPress-Backends. Hier habe ich spezielle Features implementiert, die es Eric und dem iie systems Team ermöglichen, die umfangreichen Inhalte effizient zu pflegen und zu aktualisieren.

Jan besitzt eine umfassende Expertise im Bereich WordPress, bringt aber auch gerne Wissen aus anderen Bereichen, wie UX/UI ein. Nicht nur aus diesen Gründen macht die regelmäßige Zusammenarbeit großen Spaß.

So schnell lädt die Seite

Kurz gesagt: Ungedrosselt steht das Hero-Bild nach 0,7 Sekunden, auf einem gedrosselten Telefon nach 3,3. Was danach noch nachlädt, brauchst du nicht, um die Seite zu lesen.

• Gut: Hero-Bild sichtbar

  0,7 s

  Google zählt alles unter 2,5 s als gut. Auf einem gedrosselten Telefon sind es 3,3 s, beide Läufe stehen in der Tabelle.

• Gut: Springen beim Laden

  0,00

  Die Gut-Schwelle liegt bei 0,1. Es springt nichts.

• Gut: Antwortzeit des Servers

  0,2 s

  Bis die Seite vom Server ankommt. Deutlich unter der 0,8-s-Schwelle, die Google als gut wertet.

• Verbesserungswürdig: Anfragen an fremde Server

  6

  Google Analytics (Tag Manager, Analytics, DoubleClick) und ein externes Trackingskript.

Alle Messwerte im Detail

Merkmal	gedrosselt (mobil)	ungedrosselt
Largest Contentful Paint (LCP) Largest Contentful Paint im GlossarDer Zeitpunkt, zu dem das größte sichtbare Element einer Seite fertig geladen ist, meist das Hero-Bild oder die Hauptüberschrift.	gedrosselt (mobil) 3,3 s	ungedrosselt 0,7 s
Erster sichtbarer Inhalt (FCP)	gedrosselt (mobil) 3,1 s	ungedrosselt 0,5 s
Antwortzeit des Servers (Dokument-TTFB)	gedrosselt (mobil) 0,2 s	ungedrosselt 0,2 s
Ladeverzögerung des Hero-Bildes	gedrosselt (mobil) 0,7 s	ungedrosselt 0,02 s
Übertragungsdauer des Hero-Bildes	gedrosselt (mobil) 2,0 s	ungedrosselt 0,15 s
LCP-Element	gedrosselt (mobil) Hero-Bild	ungedrosselt Hero-Bild
Ladeereignis	gedrosselt (mobil) 25,3 s	ungedrosselt 2,1 s
Cumulative Layout Shift (CLS) Cumulative Layout Shift im GlossarEin Maß dafür, wie stark Inhalte beim Laden noch verrutschen, nachdem sie schon sichtbar waren.	gedrosselt (mobil) 0,00	ungedrosselt 0,00
HTTP-Requests HTTP-Request im GlossarEine einzelne Anfrage des Browsers an einen Server, um eine Datei zu holen: HTML, Bild, Schrift, Stylesheet oder Script.	gedrosselt (mobil) 114	ungedrosselt 114
Anfragen an Dritt-Server Third-Party-Request im GlossarEine Anfrage an einen fremden Server, etwa für Schriften, Karten, Videos oder Statistik, statt an den eigenen.	gedrosselt (mobil) 6 (Google-Tracking)	ungedrosselt 6 (Google-Tracking)
Übertragene Daten gesamt	gedrosselt (mobil) 4,1 MB	ungedrosselt 4,1 MB
Transfer der Bilder (37 Dateien)	gedrosselt (mobil) 3,1 MB	ungedrosselt 3,1 MB
Transfer der Skripte (34 Dateien)	gedrosselt (mobil) 540 KB	ungedrosselt 540 KB
Transfer der Stylesheets (35 Dateien)	gedrosselt (mobil) 115,4 KB	ungedrosselt 115,4 KB
Transfer der Schriften Webfont im GlossarEine Schrift, die der Browser als Datei nachlädt, weil sie auf dem Gerät des Besuchers nicht installiert ist. (4 Dateien)	gedrosselt (mobil) 262,9 KB	ungedrosselt 262,9 KB

Was die Messung sonst zeigt: Die Seite springt beim Laden nicht, der Server antwortet in 0,2 Sekunden, und ohne Drosselung steht das Hero-Bild nach 0,7 Sekunden. Darauf lässt sich aufbauen: Mit einer technischen SEO-Optimierung gewinnt iie systems bei Suchanfragen weiter an Sichtbarkeit.

Fazit

Die Zusammenarbeit mit Eric und iie systems war ein spannendes Projekt, bei dem ich meine WordPress-Expertise für ein innovatives Produkt im Gesundheitswesen einsetzen konnte. Die neue Website präsentiert die digitalen Lösungen von iie systems nun optimal und macht die Vorteile für KFO-Praxen direkt erlebbar.