Orderstep

Défi

Orderstep est une startup en forte croissance avec une petite équipe interne. Comme elle était initialement autofinancée, l’entreprise devait utiliser judicieusement ses ressources limitées. Dans le même temps, l’implémentation rapide de nouvelles fonctionnalités peut être fondamentale pour le succès d’une startup. Pour rester dans les délais et réduire la pression sur l’équipe interne, Orderstep s’est tournée vers Redwerk.

Ils souhaitaient étendre le portail client Orderstep avec des boutiques en ligne personnalisées afin que leurs clients puissent non seulement améliorer la gestion des devis et le flux client à chaque point de contact, mais aussi vendre leurs produits sur la même plateforme.

Orderstep a demandé à l’équipe Redwerk de développer la partie frontend de la fonctionnalité de la boutique en ligne. Voici quelques-unes des exigences que nous devions satisfaire :

• Solution sans framework. Le backend de la boutique en ligne était déjà terminé, donc utiliser un framework aurait nécessité de le modifier considérablement pour le rendre compatible avec le frontend. C’est pourquoi on nous a demandé de construire l’interface utilisateur sans dépendre d’aucun framework.
• Flexibilité. Redwerk est reconnue pour sa flexibilité en termes de communication et d’outils que nos clients préfèrent utiliser. Cette fois, nous avons dû nous assurer que notre client pouvait communiquer directement avec nos développeurs car il est lui-même ingénieur logiciel.
• Documentation. On attendait également de nous que nous analysions les spécifications des exigences, identifiions les lacunes et résolvions ces problèmes soit en impliquant l’équipe Orderstep, soit en nous appuyant sur notre expertise de longue date en e-commerce pour les gérer de manière autonome.

Enfin, nous avons dû livrer la solution finale conformément à l’estimation du projet que nous avions préparée précédemment pour Orderstep.

Solution

Les applications monopages (SPA) ont prouvé leur efficacité pour offrir des expériences utilisateur fluides. Au lieu de charger de nouvelles pages entières lors des interactions utilisateur, une SPA charge un seul document web. Elle réécrit dynamiquement la page web actuelle, en récupérant uniquement les données dont l’utilisateur a besoin.

React est un framework de référence pour la construction de SPA. Bien que nous n’ayons pas pu utiliser de frameworks en raison des spécificités du backend, nous voulions tout de même que la boutique en ligne offre certains avantages des SPA. C’est pourquoi nous avons proposé d’utiliser React pour les parties interactives de la boutique en ligne, tandis que les pages statiques étaient sans framework.

Quant à la deuxième exigence, nos développeurs ont une excellente maîtrise de l’anglais, ce qui a rendu la communication directe entre Redwerk et les développeurs d’Orderstep sans aucune barrière.

Les conceptions Figma que nous avons reçues ne détaillaient pas tous les états des éléments, donc avant de procéder à leur implémentation, nous impliquions les décideurs d’Orderstep et leur proposions des options considérées comme les normes de l’industrie les plus récentes.

L’interface utilisateur que nous avons développée comprend une galerie de produits, une page produit détaillée, des champs pour personnaliser la couleur, le nombre et d’autres caractéristiques de l’article avant d’ajouter le produit au panier, le panier lui-même, et le processus de paiement.