Construction de la plateforme de productivité WeekPlan à grande échelle
WeekPlan aide des dizaines de milliers de professionnels à prioriser leur travail le plus important en utilisant un cadre inspiré par les 7 Habitudes et la méthodologie OKR. Nous avons aidé à faire évoluer la plateforme de ses origines vers un produit moderne, évolutif et alimenté par React et AWS.
Aperçu
WeekPlan est un outil de productivité construit autour d'une prémisse déceptivement simple : si vous pouvez identifier vos priorités les plus importantes de la semaine et les planifier délibérément, vous réaliserez davantage de ce qui compte vraiment. La plateforme s'appuie sur les 7 Habitudes des gens qui réussissent de Stephen Covey et la méthodologie de fixation d'objectifs OKR pour aider les utilisateurs à passer de la gestion des tâches réactives à la planification proactive basée sur les rôles. Au moment où Skybin s'est jointe au projet, WeekPlan avait déjà établi une base d'utilisateurs significative - mais la pile technologique d'origine commençait à limiter la capacité de l'équipe à livrer des fonctionnalités, à gérer la charge et à maintenir une expérience utilisateur compétitive. La plateforme devait se moderniser techniquement sans perdre la simplicité qui la rendait précieuse.
Les Défis
Stack Frontend qui montre son âge
Le frontend d'origine a été construit sur KnockoutJS - un framework capable à l'époque, mais de plus en plus difficile à étendre, tester et recruter pour alors que l'écosystème React mûrissait. Les nouvelles fonctionnalités ont été lentes à développer, et l'architecture des composants a rendu difficile le maintien de la cohérence dans l'interface croissante.
Couche API non construite pour l'échelle
L'API Web ASP.NET alimentant le backend avait grandi organiquement sans un contrat de conception solide. Avec la croissance de la base d'utilisateurs, les performances sous charge sont devenues une préoccupation, et l'absence de modèles API cohérents a rendu plus difficile pour l'équipe frontend de travailler avec confiance contre celle-ci.
Infrastructure ne suivant pas la croissance
L'infrastructure de la plateforme n'était pas conçue pour les exigences d'échelle élastique d'un produit SaaS avec une base d'utilisateurs distribuée internationalement. La planification de la capacité était manuelle, et le processus de déploiement n'était pas aligné sur la cadence d'itération rapide que l'équipe produit souhaitait.
Notre Solution
Migration progressive vers React
Plutôt qu'une réécriture risquée en big-bang, nous avons adopté une stratégie de migration progressive - introduisant des composants React les uns après les autres à côté du code KnockoutJS existant, permettant aux nouvelles fonctionnalités d'être construites dans React tandis que les écrans hérités ont été progressivement remplacés. Le produit est resté entièrement fonctionnel et en expédition tout au long du processus.
Modernisation de l'API et travail de performance
Nous avons audité l'API Web ASP.NET existante, identifié les goulots d'étranglement de performance les plus pertinents et établi des modèles de conception API cohérents pour l'avenir. Les points de terminaison clés ont été optimisés, la mise en cache a été introduite le cas échéant, et la documentation de l'API a été formalisée pour améliorer l'expérience de développement du frontend.
Infrastructure AWS et automatisation du déploiement
Nous avons migré la plateforme vers un environnement AWS correctement architecturé - utilisant Elastic Beanstalk pour la couche application, RDS pour l'hébergement de base de données géré et CloudFront pour la livraison de contenu mondiale. Le déploiement a été automatisé, permettant à l'équipe d'expédier avec confiance et fréquence.
Résultats et Résultats
Frontend moderne et maintenable
La migration React a donné à l'équipe une bibliothèque de composants sur laquelle elle pouvait construire avec confiance, avec une expérience de développeur considérablement améliorée par rapport à la base de code KnockoutJS héritée.
Performance améliorée de l'API sous charge
Le travail de performance ciblé et les modèles API cohérents ont réduit les temps de réponse des points de terminaison les plus utilisés et ont donné à l'équipe frontend une surface fiable sur laquelle construire.
Infrastructure AWS évolutive
La plateforme s'adapte désormais élastiquement à la demande, sans gestion de capacité manuelle requise. Les déploiements qui nécessitaient auparavant une coordination et une gestion des risques sont devenus des événements routiniers et automatisés.
Livraison de fonctionnalités plus rapide
Avec une pile frontend moderne, une API propre et un déploiement automatisé, le cycle de temps de l'équipe pour les nouvelles fonctionnalités a chuté de manière significative - permettant au produit de rivaliser efficacement sur un marché en rapide évolution.
Conclusion
WeekPlan s'exécute désormais sur une infrastructure et une base de code qui peuvent évoluer avec le produit. L'approche progressive - migration du frontend, modernisation de l'API et réarchitecture de l'infrastructure - a produit un changement radical dans la capacité de l'équipe à livrer sans les perturbations d'une refonte complète. Les utilisateurs de la plateforme ont connu la continuité ; l'équipe d'ingénierie a obtenu une fondation sur laquelle construire pendant des années.
Avez-vous un défi similaire ?
Parlez-nous de votre projet et nous vous dirons comment nous pouvons vous aider.
Démarrer une conversation