Projekte
Eine Auswahl an Projekten und wie ich diese unterstützt habe
Kunden erhalten bei mir eine Beratung und haben in der Regel die Entscheidungsmacht. Die gezeigten Projekte spiegeln daher nicht immer die Ansätze zu Design, Inhalt und Funktion, die ich während einer Zusammenarbeit als Input gebe, wieder.
Meinen klaren Design-Ansatz mit Fokus auf informierenden Inhalten können Sie auf meiner eigenen Seite – also der, auf der Sie sich gerade befinden – erkennen.
Wenn Sie weitere Fragen zu den aufgelisteten Projekten haben, dann nehmen Sie einfach Kontakt auf.
Ich freue mich, von Ihnen zu hören.
Robert Rosanke
Webentwickler
Onlineshop-Optimierung für MYCOVER® Protection
WooCommerce-Shop
Mehrsprachig
Langfristige Betreuung
Start der Zusammenarbeit – erste Schritte
Die Jungs von MYCOVER® kamen ursprünglich zu mir, weil ihr SEO-Berater empfohlen hat, den Onlineshop schneller zu machen.
Neben einigen Plugins, die wir löschen konnten, sind wir von Elementor auf Gutenberg umgestiegen. Der Umstieg hat einiges an Performance gebracht und uns die Möglichkeit gegeben, das Design zu vereinfachen sowie an einigen Stellen an den Inhalten zu arbeiten.
Nach ca. vier bis fünf Monaten haben wir den Shop Schritt für Schritt und ohne Downtime auf Gutenberg umgestellt und die erste Etappe erfolgreich abgeschlossen.
Mittlerweile betreue ich den Shop seit mehreren Jahren und habe zahlreiche individuelle Funktionen im Frontend und Backend entwickelt.
Größenempfehlungen – USP und Highlight vom Shop
- Interaktives Größenfinder-Widget für Motorrad-Abdeckplane: Kunde gibt sein Motorradmodell an und erhält passende Größenempfehlung für die hauseigene Abdeckplane – ohne das eigene Fahrzeug vermessen zu müssen. Über 1.300 Empfehlungen. Berücksichtigung von Umbauen am Bike.
- Automatisierte Generierung aller Größenempfehlungs-Fotos für das Amazon-Listing: Mehrere hundert Fotos pro Woche. Mehrsprachig. Mobile + Desktop-Version. Inkl. Erkennung von Änderungen, damit Mitarbeiter nur Fotos bei Amazon neu hochladen, deren Inhalt sich auch wirklich geändert hat.
- Zahlreiche weitere Programmierungen rund um die Größenempfehlungen und die dazugehörigen Daten sind bereits umgesetzt. Mehr ist geplant.
Der Größenfinder hilft den Shop-Besuchern dabei, schnell und einfach die passende Abdeckplane zu kaufen.
Der Firma beschert er eine außergewöhnlich geringe Retourenquote. In Kombination mit weiteren darauf aufbauenden Automatisierungen wird der Support stark entlastet.
Insgesamt eine super Sache für alle Beteiligten.
Performance-Verbesserungen für Core Web Vitals
- Fotogalerie auf Produktseiten optimiert – massive LCP-Reduktion, komplette Eliminierung von Layout-Shift, der von der ursprünglichen WC-Galerie ausging
- Übertragungslast beim Aufruf wichtiger Unterseiten z.T. um ~ 50 % reduziert
- Total Blocking Time signifikant reduziert
Mit wichtiger Arbeit am Fundament und einigen Absprachen mit Dritten, z.B. dem Theme-Anbieter, haben wir die Core-Web-Vitals-Prüfung bestanden. Der Google Ads Qualitätsfaktor ist anschließend sehr stark angestiegen. Ziel erreicht.
Backend-Erweiterung
- Arbeitserleichterungen beim behandeln von Kunden mit Zahlungsschwierigkeiten
- Automatisierung zahlreicher Arbeitsabläufe
- Individuelle Adminseiten zur Auswertung wichtiger Daten für die weitere Produktentwicklung
Statische Website für die Tec Com Medizintechnik GmbH
Website-Erstellung
Eleventy (11ty)
Unternehmenswebsite
Mehrsprachig
Zielstellung
Eine einfache Website, zügig umgesetzt, mehrsprachig, und mit geringem Wartungsaufwand. Das war das Ziel für die neue Website der Tec Com Medizintechnik GmbH.
Da die Inhalt voraussichtlich nicht regelmäßig geändert werden, und künftig ggf. einige individuelle externe Funktionen hinzukommen, die mit der Website kommunizieren, habe ich ein Setup vorgeschlagen, das auf ein CMS verzichtet, viel Freiheit bietet und einen geringen Wartungsaufwand hat
Herausgekommen ist eine äußerst performante Website, die in Deutsch und Englisch verfügbar ist, und wichtige Informationen zu Produkten, der Firma und offenen Stellen kommuniziert.
Effiziente Foto-Auslieferung in modernen Formaten
Während dem build-Prozess werden automatisch AVIF- und webP-Varianten von auf der Website verwendeten Fotos erzeugt.
Fotos in diesen Formaten haben i.d.R. eine geringere Dateigröße als die klassichen JPG- und PNG-Versionen.
Mit dieser einfachen und effizienten Herangehensweise können PageSpeed-Werte verbessert werden, ohne manuellen Aufwand auszulösen.
Klassische Komprimierung sowie die Erstellung von auf verschiedene Bildschirmgrößen runterskalierte Versionen der Fotos findet ebenfalls automatisch im Hintergrund statt
Mehrsprachigkeit mit flexibler Inhaltsverwaltung
Die Inhalte der deutschen und englischen Sprachversion können unabhängig voneinander ausgespielt werden.
Eine deutschsprachige Unterseite, z.B. die Jobs-Seite, muss nicht in der englischen Sprachversion der Seite auftauchen.
Auch ist keine Eins-zu-eins-Übersetzung notwendig. Inhalte einer Sprache sind unabhängig von der anderen Sprache, sodass individuell auf die jeweilige Zielgruppe eingegangen werden kann.
Interesse an einer Zusammenarbeit?
Berichten Sie von Ihrem Projekt und profitieren von einem kostenfreien Erstgespräch.
Terminverwaltung für Comedian Alain Frei
Plugin-Programmierung
Website-Erstellung
WordPress
Terminverwaltuung
Backend-Terminverwaltung
Als Comedian hat Alain teilweise 100 und mehr Termine im Jahr. Und die muss er nicht nur selbst kennen, sondern auch der Öffentlichkeit präsentieren.
Es bietet sich daher an, die Termine direkt in einem Kalender zu pflegen, der mit der eigenen Website verbunden ist, um den Verwaltungsaufwand zu reduzieren und Termine effizient zu veröffentlichen.
Mit der programmierten Terminverwaltung kann sein Management nun alle Termine für Live-Shows, Galaveranstaltungen und TV-Produktionen zentral im WordPress-Backend verwalten und diese bei Bedarf ohne Programmierkenntnisse direkt auf der Website veröffentlichen.
Termine können mit zahlreichen Informationen ausgestattet werden, um alle wichtigen Daten für Fans strukturiert im Frontend auszugeben. Dazu zählen z.B. Ort inkl. Bundesland, Programmname, Veranstaltungstyp, und der Link zur Ticket-Verkaufsseite. Zudem kann ein Status angegeben werden – ist ausverkauft oder Tickets noch verfügbar, Tickets bald verfügbar, etc.
Abgelaufene Termine werden automatisch nicht mehr auf der Website angezeigt, sodass es ausreicht, Termine an zwei, drei Tagen im Jahr einzupflegen, koordiniert zu veröffentlichen und die Website “einfach laufen” zu lassen.
Frontend-Terminsuche
Tickets für Events werden über verschiedene Plattformen und Theater vertrieben. Um eine zentrale Anlaufstelle für Interessierte bereitzustellen, haben wir uns dazu entschieden, eine kleine Suchfunktion für die Benutzer der Seite zu entwickeln.
Mit dieser kann die nächste Veranstaltung in der Nähe schnell und einfach aus den zahlreichen Terminen herausgefiltert werden. Über die bei den Suchergebnissen verlinkte Verkaufsseite können anschließend Tickets beim jeweiligen Anbieter erstanden werden.
Neben dem Ort bzw. der Stadt, in der die Veranstaltung stattfindet, kann z.B. nach folgenden Kriterien gesucht werden:
- Bundesland
- Location (Stadion, Theatername, etc.)
- Show- bzw. Programmname
- Event-Typ (Solo, Mix, etc.)
- Wochentag
- Jahr
Buchungsformular-Anpassung für Monteurwohnung-Vermieter
WordPress
Unternehmenswebsite
Ladezeit
Betreuung
Details
Die Website der „Ankommen, Wohlfühlen – Dr. Zander Hausservice UG“ wurde 2018 von einer anderen Webdesign Agentur erstellt und veröffentlicht.
Nun wurde die WordPress-Installation grundlegend aktualisiert, das bestehende Webdesign an das neue Corporate Design angeglichen und das Leistungsangebot im Buchungsformular angepasst, damit die Außendarstellung der Vermietung online und offline einheitlich ist.
Im nächsten Schritt soll die Ladezeit der Website optimiert werden, damit die Seite effizienter Kunden gewinnen kann.
Interne Webanwendung für die Tec Com Medizintechnik GmbH
Webanwendung
Vue.js
Node.js
API
Details
Ende 2020 begann ich mit der Entwicklung einer internen Webanwendung für die Tec Com Medizintechnik GmbH.
Die Anwendung wird von Mitarbeitern für das Qualitätsmanagement der hauseigenen Medizinprodukte genutzt und ersetzt mittlerweile die Arbeiten in großen Excel-Arbeitsmappen.
Statt in Excel wird nun in einer speziell für die Arbeitsabläufe optimierten Webanwendung direkt im Browser gearbeitet.
Neben dem Datenmanagement bietet die Anwendung:
- Berechtigungsmanagement
- filterbare PDF-Exporte
- kompletten Projekt-Export in eine Excel-Arbeitsmappe
- Projektplanung mit Gantt-Chart
CMS-Website für Designerin Emely Klingenberger
Website-Erstellung
WordPress
Portfolio
Details
Als Kommunikationsdesignerin arbeitet Emely Klingenberger für Selbständige und Unternehmen, deren Außendarstellung oftmals in die Jahre gekommen ist und einer Modernisierung bedarf.
Da die Außendarstellung einer Firma häufig aus vielen Einzelteilen – wie Logo, Visitenkarten, Werbebanner, etc. – besteht, zeigt ihre Website Referenzen für verschiedenste Projekte aus den Bereichen Digital & Print.
So kann sich der Interessent direkt vergewissern, dass die Designerin auch für sein Projekt die passende Erfahrung mitbringt und ihm wirklich weiterhelfen kann.
Redesign zur Steigerung der online Anfragen für Fotograf Lorenz Lenk
Redesign
WordPress
Portfolio
Details
Der Leipziger Fotograf Lorenz Lenk hatte – wie so viele Kreative – eine klassische Portfoliowebsite, die einfach ein paar Werke zeigte und somit eher für andere Fotografen als für seine wirkliche Zielgruppe – Agenturen und Unternehmen als Direktkunden – hilfreich war.
Mit den neuen, auf die Zielgruppe abgestimmten Inhalten, und dem cleanen Design kommuniziert der Business-Fotograf seine Ausrichtung glasklar nach außen und erhält laut eigener Aussage hochwertigere Anfragen.
Im nächsten Schritt soll die Kundengewinnung mithilfe von ausführlichen Case Studies zu prestigeträchtige Arbeiten weiterhin optimiert werden.
Interesse an einer Zusammenarbeit?
Berichten Sie von Ihrem Projekt und profitieren von einem kostenfreien Erstgespräch.
Eigene Projekte – Arbeiten an webfluence.de
Dark Mode und Full-Site-Editing vereinen
Relaunch
FSE
Programmierung
Beim Relaunch meiner Website wollte etwas experimentieren. Full-Site-Editing und Dark Mode vereinen war das Ziel.
Das Ergebnis ist die Seite, auf der Sie sich gerade befinden. Artikel mit weiteren Infos folgt.
Artikel über WordPress schreiben
Content Marketing
Praktische Artikel für den einfachen Einstieg in das beliebteste CMS der Welt
Ladezeit optimieren mit Theme-Programmierung
Relaunch
Ladezeit
Programmierung
Wie ich den Speed Index meiner WordPress Website mit einem individuellem Theme um über 50% reduzierte.
Case Study: WordPress Theme entwickeln und Ladezeit reduzieren