Building the WeekPlan Productivity Platform at Scale
WeekPlan hilft Zehntausenden von Fachleuten, ihre wichtigste Arbeit zu priorisieren, indem ein Framework verwendet wird, das von den 7 Habits und der OKR-Methodik inspiriert ist. Wir haben dabei geholfen, die Plattform von ihren Ursprüngen zu einem modernen, skalierbaren React- und AWS-basierten Produkt weiterzuentwickeln.
Übersicht
WeekPlan ist ein Produktivitätstool, das auf einer trügerisch einfachen Prämisse aufgebaut ist: Wenn Sie Ihre wichtigsten Prioritäten für die Woche identifizieren und bewusst einplanen können, werden Sie mehr von dem erreichen, was wirklich zählt. Die Plattform basiert auf Stephen Coveys 7 Habits of Highly Effective People und der OKR-Zielsetzungsmethodik, um Benutzer von reaktivem Aufgabenmanagement zu proaktiver, rollenbasierter Planung zu bewegen. Als Skybin das Projekt übernahm, hatte WeekPlan bereits eine bedeutsame Nutzerbasis aufgebaut – aber der ursprüngliche Technologie-Stack begann, die Fähigkeit des Teams einzuschränken, Features zu versenden, Last zu bewältigen und ein wettbewerbsfähiges Benutzererlebnis zu pflegen. Die Plattform musste technisch wachsen, ohne die Einfachheit zu verlieren, die sie wertvoll machte.
Die Herausforderungen
Frontend-Stack zeigt sein Alter
Das ursprüngliche Frontend wurde auf KnockoutJS gebaut – ein damals fähiges Framework, aber zunehmend schwierig zu erweitern, zu testen und zu besetzen, da das React-Ökosystem reifte. Neue Features waren langsam zu entwickeln, und die Komponenten-Architektur machte es schwer, Konsistenz über die wachsende Schnittstelle zu erhalten.
API-Ebene nicht für Skalierung gebaut
Die ASP.NET Web API, die das Backend antreibt, war organisch ohne starken Design-Vertrag gewachsen. Während die Nutzerbasis wuchs, wurde die Leistung unter Last zu einer Herausforderung, und das Fehlen konsistenter API-Muster machte es für das Frontend-Team schwerer, selbstbewusst dagegen zu arbeiten.
Infrastruktur nicht im Tempo des Wachstums
Die Infrastruktur der Plattform war nicht für die elastischen Skalierungsanforderungen eines SaaS-Produkts mit einer international verteilten Nutzerbasis ausgelegt. Die Kapazitätsplanung war manuell, und der Deployment-Prozess war nicht auf das schnelle Iterationstempo ausgerichtet, das das Produkt-Team wollte.
Unsere Lösung
Inkrementelle React-Migration
Statt eines riskanten großen Umschreibungsprojekts haben wir eine inkrementelle Migrationsstrategie übernommen – React-Komponente für Komponente neben dem bestehenden KnockoutJS-Code eingeführt, was es erlaubte, neue Features in React zu bauen, während Legacy-Screens schrittweise ersetzt wurden. Das Produkt blieb während des gesamten Prozesses vollständig funktional und versendbar.
API-Modernisierung & Performance-Arbeit
Wir auditleten die bestehende ASP.NET Web API, identifizierten die Performance-Engpässe mit der höchsten Auswirkung und etablierten konsistente API-Design-Muster für die Zukunft. Wichtige Endpoints wurden optimiert, Caching wurde wo angemessen eingeführt, und API-Dokumentation wurde formalisiert, um das Frontend-Entwicklungserlebnis zu verbessern.
AWS-Infrastruktur & Deployment-Automatisierung
Wir migrierten die Plattform zu einer ordnungsgemäß architektonierten AWS-Umgebung – mit Elastic Beanstalk für die Anwendungsebene, RDS für verwaltetes Datenbank-Hosting und CloudFront für globale Content-Bereitstellung. Deployment wurde automatisiert, so dass das Team häufig und selbstbewusst versenden konnte.
Ergebnisse und Auswirkungen
Modernes, wartbares Frontend
Die React-Migration gab dem Team eine Komponenten-Bibliothek, auf die sie selbstbewusst aufbauen konnten, mit einer dramatisch verbesserten Entwicklererfahrung im Vergleich zur Legacy-KnockoutJS-Codebasis.
Verbesserte API-Leistung unter Last
Gezielte Performance-Arbeit und konsistente API-Muster reduzierten Antwortzeiten für die am häufigsten genutzten Endpoints und gaben dem Frontend-Team eine zuverlässige Oberfläche zum Aufbau.
Skalierbare AWS-Infrastruktur
Die Plattform skaliert nun elastisch mit der Nachfrage, ohne dass manuelle Kapazitätsverwaltung erforderlich ist. Deployments, die früher Koordination und Risikomanagement erforderten, wurden zu routinemäßigen, automatisierten Ereignissen.
Schnellere Feature-Bereitstellung
Mit einem modernen Frontend-Stack, einer sauberen API und automatisiertem Deployment sank die Zykluszeit des Teams für neue Features deutlich – und ließ das Produkt effektiv in einem schnelllebigen Markt konkurrieren.
Fazit
WeekPlan läuft jetzt auf einer Infrastruktur und Codebasis, die mit dem Produkt wachsen kann. Der inkrementelle Ansatz – Migration des Frontends, Modernisierung der API und Umstrukturierung der Infrastruktur – führte zu einer deutlichen Verbesserung der Fähigkeit des Teams, Features zu versenden, ohne die Störung eines vollständigen Umbaus. Die Benutzer der Plattform erlebten Kontinuität; das Engineering-Team erhielt eine Grundlage, auf der sie jahrelang aufbauen konnten.
Haben Sie eine ähnliche Herausforderung?
Erzählen Sie uns von Ihrem Projekt und wir werden Ihnen sagen, wie wir Ihnen helfen können.
Ein Gespräch starten