Afin de répondre aux attentes de notre client, nous avons :

< Étape 0 : Architecture technique du projet - Juin 2021>

Avant d’entrer dans le vif du sujet, il nous a fallu le quadriller par la définition d’une architecture 🏛 
En effet, cette étape passe par toute une série de choix à prendre notamment sur les technologies à utiliser, sur la structure de la web-app, sur l'infrastructure à mettre en place autour du projet, etc …

L’important, dans un projet de longue haleine comme celui-ci, consiste avant tout à " baliser le terrain ", faire en sorte d’anticiper et de réfléchir aux meilleures solutions qui répondent le mieux à la problématique posée ❗️

Cela peut paraître anecdotique, mais la préparation prime à l’action 🗓
Il nous a fallu établir tout un lot de bonnes pratiques afin de faciliter les échanges et interactions.

Par exemple, afin de garantir la qualité du code, nous avons tenu de façon régulière des reviews servant à s’assurer de l’uniformité de la qualité des développements. De cette manière, on s’assure que le code est bon, de sorte à ne pas avoir à perdre du temps dans une relecture de ce dernier 

< Étape 1 : Réalisation des wireframes et des mock-up - Juillet 2021>

Dans un premier temps, nous avons réalisé des wireframes (appelés aussi maquettes fonctionnelles) afin de valider les différentes rubriques et intéractions de la future web-application 📝

Une fois validé, nous avons approfondi ces wireframes en mockup en y ajoutant les visuels et aspects graphiques pour donner un aperçu de ce que sera la version finale de la web-application ✍️

Notre expertise ici fut d’interpréter le cahier des charges du client, de l’adapter et l’appliquer à une structure web tout en gardant les fonctionnalités voulues par le client. 

L’idée ici fut donc de montrer un échantillon du potentiel de nos équipes par l’élaboration de différentes maquettes interactives au client.
Ce dernier peut donc ainsi plus facilement se projeter sur le rendu final de son projet 🎆

Bien-sûr, cette étape fut soumise à l’approbation du client. Il y a donc eu des ajustements en fonction des attentes du client ( emplacement de telle rubrique, choix de telle image … ) 🚦

< Etape 2 : Spécifications Fonctionnelles - Août 2021>

Une fois les maquettes réalisées et validées, nous passons à la réalisation des spécifications fonctionnelles, c’est un peu la “ bible “ de la web-application 📔

Ce document va récapituler l’intégralité des fonctionnalités de la web-application : si cliquer sur tel bouton permet de renvoyer vers telle page, cela sera écrit dessus. Il permet de cadrer le projet au niveau des attentes 🧮

Petites précisions sur ce point, de façon générale, des spécifications fonctionnelles sont déclinées les maquettes. Or, ici nous avons pris le problème à l’envers et commencer par réaliser et valider les maquettes avant de partir sur les spécifications fonctionnelles. 

L’idée étant d’avoir illustrer et poser toutes les fonctionnalités présentes dans le cahier des charges afin d’avoir une base visuelle sur laquelle travailler 👁

La méthodologie est certes différente de d’habitude, mais c’était, selon nous, plus pertinent de fonctionner de cette manière : nous nous sommes adaptés aux spécificités du projet afin de l’appréhender de la meilleure des façons 💪

< Étape 3 : Phase de développement - Début Septembre 2021 … >

Début Septembre 2021, une fois que le projet est quadrillé et validé par notre client, nous avons pu démarrer la mise en production.

Notre équipe de développeurs s’est donc lancée dans le développement de la web-application 👍 

Nous avons conscience que le code et le développement peuvent être des notions abstraites pas toujours facile à aborder pour les non-initiés 🤯

De ce fait, chez Winzana, nous donnons un point d’ordre à la transparence dans la réalisation des projets qui nous sont confiés. C’est pourquoi, nous avons prévu un accès dédié à nos clients afin qu’ils puissent suivre l’état d’avancement du projet en direct, via un accès à la pré-production ✅

De cette façon, ils pouvaient au fur et à mesure voir l’évolution de leur projet prendre forme avec le temps. C’est également une excellente manière pour eux de faire remonter les bugs et les retours ❗️

< Étape 4 : Recettage - Début Septembre 2021 …>

D’ailleurs, parlons des retours clients. Ces derniers étaient gérés par un logiciel que l’on utilise en interne appelé Jira qui permet via un système d’édition de billets, de faire remonter les bugs ainsi que les retours de nos clients 🎫

Cela permet d’une part, une vision transparente du site dans sa globalité ainsi qu’une gestion collaborative permettant aux clients de s’impliquer et de suivre leur projet ✌️

< Étape 5 : Les back-logs. >

À partir du cahier des charges, notre chef de projet va découper toutes les étapes du projet permettant d’avoir une application fonctionnelle. C’est ce que l’on appelle le back-logs 🧑‍💻

La découpe du projet en une succession de petites tâches va nous permettre de scinder les besoins techniques et de les répartir avec les membres de notre équipe. En effet, chaque Winzanautes dispose de compétences spécifiques : réaliser cette segmentation des tâches en amont nous sert à les attribuer selon la maîtrise de chacun 👩‍🔬👨‍🎨🧑‍🚒

Cette méthode agile et collaborative permet à Winzana de mettre à profit tout le potentiel et les compétences dont elle dispose pour réaliser et mettre en œuvre ce projet ✌️

En bref, le backlog est donc un moyen de garder un œil sur l’avancé du projet et d’attribuer les tâches restantes ( front, back, design ) aux équipes suivant la tâche. 

Tout ça est organisé sous la forme de sprint afin de pouvoir avancer de façon optimale dans une courte période de temps donné pour une quantité de travail donné ⚡️

Typiquement, pour un projet de cette envergure, nous avons la chance de pouvoir compter sur toutes une batterie de compétences en interne qui nous permet d’être totalement indépendant et de pouvoir réaliser n’importe quel projet sans avoir à faire appel à des compétences externes 📚

• Il faut développer la page d’accueil ? 🧑‍💻 
  Nous avons des personnes qui s'occupent de l’intégration. 
• Il faut faire des liens et connecter des API. ➫
  Nous avons un membre qui sait comment se connecter à la base de données du client et récupérer les informations pour les afficher côté web-app.
• Il faut modifier un aspect dans le back-office ? 📝
  Nous avons des développeurs back-end qui vont  s’occuper de la partie back-office donc tout le procédé derrière pour pouvoir modifier ce que l’on trouve sur la web-app … 
• Il faut mettre en production la web application ? 👍
  Notre équipe DevOps est là !
• Sans oublier tous nos autres pôles design, marketing, mobile ... 👋

Notre équipe est pluridisciplinaire tout en ayant à la fois des spécialités qui s’imbriquent et sont complémentaires les unes des autres faisant la force de notre collectif 💪