Über Econos
Econos bietet Zugang zu alternativen, nachhaltigen Anlageklassen.straightvisions begleitet das Startup beim initialen Launch und technischen Relaunch der Website sowie beim Aufbau skalierbarer Webservices.
Vorgaben
Das Startup Econos arbeitete in Zusammenarbeit mit einer WordPress-Agentur an dem initalen Release der Website.
Zwei Wochen vor dem geplanten Launch wechselte die beauftragte Agentur in ein anderes Projekt, ohne Econos bis zum Abschluss und Go Live der Website in dieser kritischen Phase weiter zu unterstützen.
Econos entschied sich nach einem kurzen Kennenlernen, straightvisions für den Abschluss der restlichen Aufgaben zu beauftragen. Dank kurzer Entscheidungswege bei Econos konnte straightvisions sofort loslegen.
Herausforderungen
Trotz des Mangels anDokumentation, einer Übergabe oder anderweitiger Unterstützung durch die vorherige Agentur musste die Umsetzung kurzfristig binnen 2 Wochen sichergestellt werden.
Lösung
STRAIGHTVISIONS
- übernahm das Projekt kurzfristig
- stellte das Release innerhalb der 2-Wochen-Frist sicher
- berät, begleitet und entwickelt die Website im Anschluss dauerhaft weiter
Nach dem Launch ist vor dem Launch
Nachdem der termintreue Go Live sichergestellt wurde, zeichneten sich die technischen Limitierungen der von der vorherigen Agentur entwickelten Website immer stärker ab.
STRAIGHTVISIONS
- prüfte die Zukunftsfähigkeit der aktuellen Website
- erfasste die Paint Points und mögliche Lösungen
- Erstellte ein Konzept für eine nachhaltige und skalierbare Weblösung
Prüfung Technisches Konzept
Technologieauswahl
Advanced Custom Fields erlaubt es schnell und flexibel Eingabemasken zu erstellen und bietet eine sehr gute Schnittstelle für die Datenabfrage.
Während dies bei einzelnen Funktionen absolut Sinn ergeben kann, führt die exzessive Nutzung zu hohen Entwicklungsaufwänden und einer verschlechterten Performance beim Websiteaufruf durch die hohe Anzahl an Datenbankabfragen.
Die Bearbeitung komplexer Unterseiten mit vielen Inhalten und Elementen führen zu sehr langen und mehrfach verschachtelten Eingabeformularen, der Aufwand für die Anpassung von Inhalten steigt.
PageSpeed
Performance Blocker lösen
Die Möglichkeiten der PageSpeed Optimierung wurde limitiert durch die Architekturentscheidungen der vorherigen Agentur.
Zwar konnten die Werte teilweise nachträglich durch straightvisions optimiert werden – dauerhaft hohe Werte waren jedoch nicht erreichbar.
Es wurde jedoch deutlich, dass das individuelle WordPress-Theme der vorherigen Agentur gegen das PageSpeed 100 Theme von straightvisions getauscht werden muss, um einen dauerhaft hohen PageSpeed zu gewährleisten.
Pain Points
Veralteter Editor
- Layout wurde vollständig durch das Plugin Advanced Custom Fields und individuellen Templates erstellt
- nur Programmierer konnten Layoutänderungen durchführen oder neue Seiten anlegen
- dadurch unnötiger Zeitverlust und vermeidbar Aufwände bei der Erstellung neuer Inhalte
Langsamer PageSpeed
- monolithischer Theme-Aufbau
- Einsatz von CSS- und Javascript-Frameworks
- keine module Ausgabe von Styles und Scripts
- viele Funktionen nicht hinsichtlich PageSpeed optimierbar
Schlechter Code
- Codestruktur nicht optimal
- komplexe Abhängigkeiten
- Code-Änderungen führten teils zu unerwarteten Ergebnissen
- hoher Entwicklungs-, Testing- und Wartungsaufwand
Lösung
STRAIGHTVISIONS löste die erfassten Probleme durch einen Relaunch der Website.
PageSpeed 100
Dank unserer PageSpeed 100 Technologien konnten wir nicht nur den PageSpeed auf Top Werte heben, sondern auch Raum für hochwertigere Inhalte bieten: So stellt ein automatisch abspielendes Headervideo im Hintergrund kein Problem dar und bietet eine hochwertigere Nutzererfahrung.
Die Topwerte lassen sich auch zukünftig halten. Sollten wir einen geringeren PageSpeed feststellen, lässt sich die Ursache leichter erkennen und beheben. So kann zuverlässig und dauerhaft ein PageSpeed 90+ gewährleistet werden, eine wichtige Grenze ab der eine Websiteladezeit für Google als schnell gilt.
Workflow
Im Grunde haben wir uns selbst ein Stück weit arbeitslos gemacht – denn Layoutänderungen sind jetzt jederzeit für die Mitarbeiter von Econos autark möglich.
Statt in ein starres und stark verschachteltes Formular Texte einzutippen, besticht der WordPress Block Editor (Gutenberg) durch unendliche Kombinationsmöglichkeiten und eine rasante Umsetzungsgeschwindigkeit für das Layouting.
Durch Workshops und individuelle HowTo-Videos geben wir dem Econos-Team Tiefenwissen über die Handhabung des neuen Editors. Dabei wird kontinuierlich das Inhouse-Wissen bei Econos ausgebaut, um eine autarke Bearbeitung der Websiteinhalte zu erleichtern. Bei komplexeren Styleanforderungen unterstützt unser Team bei Bedarf.
Clean Code
Wir arbeiten intensiv mit Git-Repositories und versionieren unseren Code, um jederzeit eine frühere Entwicklungsversion wiederherstellen zu können.
Durch den modularen Aufbau zusammen mit unserer SV Core können wir auch bei komplexesten Projekten die Übersicht gewährleisten. So ermöglichen wir das parallele Arbeiten durch mehrere Entwickler, um eine hohe Umsetzungsgeschwindigkeit zu erreichen.
Regelmäßige und schnelle Deployments auf der Liveumgebung sind für uns keine Herausforderung und ermöglichen es Econos schnell und agil im Wochenrythmus neue Funktionen direkt am Markt zu erproben.
Sky is the Limit
Im Gegensatz zu Software as a Service oder anderen Fertiglösungen kann die Website jetzt jederzeit an die Bedürfnisse von Econos angepasst werden – schnell und effizient.
Dabei bleibt das System jederzeit beherrschbar und sauber strukturiert. Neue Funktionen oder Prozesse sind kurzfristig umsetzbar. Aufwände sind leichter zu kalkulieren und auch komplexeste Erweiterungen ohne Hürden umsetzbar.
Dies ist das Ergebnis vom idealen Mix aus Technologie-Hoheit durch die Produkte von straightvisions in Kombination mit erprobten Drittanbietersoftwares. Erweist sich ein Modul als Hürde, kann es leicht durch eine bessere Alternative ersetzt werden.
Zahlen, Daten, Fakten
Ergebnisse
Der Relaunch führte nicht nur zu stark verbesserten Workflows in Editorial und Entwicklung. Die Ladezeit und Seitengröße konnten drastisch verbessert werden – vorher war der gemessene PageSpeed synthetisch gut – jetzt ist er es auch real. Der CO2-Fußabdruck der Website konnte zudem merklich reduziert werden.
Page Speed
CO2 Score
1,9 sec
Ladezeit
0,9 sec
2,3 Mbyte
Seitengröße
0,25 Mbyte
Entscheidend war hier besonders die Mitwirkung des Kunden Econos.green, die als Digital Natives keine Berührungsängste mit agilen Methoden oder technischen Herausforderungen haben. Das Ergebnis ist eine technisch exzellente Website mit optimalen Prozessen für das Team.
Matthias Bathke, CEO @ STRAIGHTVISIONS
Wenn durch Technologie Hürden entstehen, dann müssen die Ursachen behoben werden. Technische Fehler sind zuerst einmal ein Erkenntnisgewinn, sofern sie erkannt werden. Werden diese Erkenntnisse erfolgreich in nachhaltige Lösungen umgewandelt, profitieren alle Stakeholder. Wir sind begeistert von der erfolgreichen Zusammenarbeit mit Econos und freuen uns auf zukünftige gemeinsame Projekte.
Dennis Heiden, CEO @ STRAIGHTVISIONS
Wir freuen uns, mit straightvisions eine Webagentur gefunden zu haben, die uns im Wachstum als junges, online-fokussiertes Startup tatkräftig unterstützt. Für uns ist es entscheidend, Innovationen und neue Funktionen kurzfristig zu evaluieren und umzusetzen. Dank der flexiblen Kapazität und den agilen Methoden klappt das mit straightvisions sehr zuverlässig. Die hohe Umsetzungsqualität, Reaktionsschnelligkeit und Erreichbarkeit über alle Kanäle machen für uns den Unterschied.
Lars Leinen, Product & Tech @ Econos
In der Geschäftsführung bin ich auf ein Team angewiesen, das die Unternehmensvision versteht und optimal umsetzt. Innerhalb kürzester Zeit waren die Abläufe zwischen unserem internen Tech Team und straightvisions eingespielt. Durch die flexible Zusammenarbeit können wir dem hohen Umsetzungstempo unseres Startups gerecht werden. Wir freuen uns, mit straightvisions einen starken technischen Dienstleister gefunden zu haben.
Theresa Hauck, Mitgründerin und Geschäftsführerin @ Econos