C’est l’étape de la mise en place des modèles de données (ou data model).

Comme pour un bâtiment dont on dessine les plans avant de le construire, nous dressons la structure du site (le sitemap), l’articulation des blocs et des différentes composantes, en pensant les parcours utilisateurs.

Nous vous accompagnons pour définir l’architecture générale de votre projet web & mobile, en fonction des points stratégiques clés, de vos moyens et des solutions technologiques à disposition.

Que met-on sur les différentes pages du site ? Dans quel ordre ? Quelles sont les informations-clé, où doit-on les trouver ? L’ensemble des parcours utilisateurs identifiés sont-ils réalistes et réalisables ?

Ces questions sont posées à l’étape de la réalisation du prototype des différentes pages. Pour chaque page ou type de pages, vous agencez et organisez des blocs pour esquisser la structure générale et les liaisons. Vous pourrez ainsi tester la pertinence de la hiérarchisation des pages et de l’information, les liens nécessaires ou superflus, etc.

L’utilisateur placé au centre de la réflexion, nous mettons en place l’ergonomie web & mobile. Nous hiérarchisons les éléments de contenu ainsi que les flux de navigation des utilisateurs sur les différents types de plateformes. Avec notre expérience en Responsive Web Design, nos propositions sont adaptées aux modes de navigations actuelles (smartphones, tablettes, …)

C’est le fameux UI (User Interface) Design, ou pour le dire autrement, le look, l’allure de votre site.

A cette étape, nous parlons typographie, logos, icônes, couleurs, effets d’animation, illustrations, photographie, grilles de mise en page mais aussi style de langage et vocabulaire employés (le tone of voice qui devra être employé dans vo contenus texte). En respectant votre identité visuelle, Spade travaille sur la mise en page graphique web & mobile : le talent de nos designers est au service de votre projet ! Une fois définis, ces éléments sont rassemblés dans le Design System du site (ou de l’app mobile), pendant de la charte graphique.

Cette documentation est à disposition de l’ensemble des parties prenantes (départements de l’organisations, partenaires techniques extérieurs…) et décrit tous les éléments de votre présence en ligne : exploitation de la typographie, styles des boutons, utilisation des formulaires, tone of voice, règles de publication sur les réseaux sociaux, etc.

NB : le Design System est propre à l’environnement numérique du projet, alors que la charte graphique s’étend jusqu’aux affiches, cartes de visite, goodies etc., tout ce qui peut être lié de près ou de loin à l’image du projet.

Lors de cette phase, le projet passe de l’idée au concret. Sur la base du data model défini en amont, du design system et de tous les éléments produits lors des précédentes étapes, l’équipe technique prend la main pour bâtir la plateforme digitale.

La phase technique passe par plusieurs étapes clés, le choix de la plateforme de publication (Content Management System ou CMS) étant un élément déterminant pour établir votre future stratégie web & mobile. Au besoin, nos équipes savent aussi s’insérer rapidement dans d’autres environnements de travail, collaborant ainsi avec vos propres techniciens.

Le backend est fait en premier, créant en quelque sorte le squelette du site, indiquant les liens entre les informations, faisant toute l’infrastructure technique en coulisses. Vient ensuite le frontend, qui « habille » la structure avec le design préalablement créé.

Une fois terminée, la plateforme a besoin d’être testée sur différents points.

Est-ce que tous les liens fonctionnent bien, tous les composants s’affichent comme souhaité ?
Est-ce qu’elle se présente correctement sur les différents supports (ordinateur, tablette, smartphone, …) ?
Est-elle pertinente au niveau de ses contenus (test SEO) ?
Est-elle accessible ?

Autant d’aspects qui doivent être réglés avant la mise en ligne officielle du site, pour ne pas nuire à la navigation des futurs visiteurs.

Le site (ou l’app) est fin prêt, il est temps de l’ouvrir au public ! La phase de mise en ligne consiste à quitter l’environnement de travail (ou staging) pour basculer sur un environnement dit de production. Le site est alors hébergé sur un serveur précis, il a son nom de domaine propre (DNS), et cela nécessite également d’activer un certain nombre de fonctionnalités telles que les systèmes de paiement en ligne, la connexion à des services tiers, etc.

Votre projet numérique ne s’arrête pas au moment du lancement, bien au contraire ! C’est même le début de sa vie.
Sur la longueur, il devra pouvoir répondre aux demandes des utilisateurs qui suggéreront d’ajouter, modifier ceci ou cela ; les outils auront besoin de mises à jour, certaines techniques vont évoluer ; de nouveaux supports peuvent apparaître ; vous pouvez avoir envie de changements, …
Bref, la plateforme n’est pas figée et toutes ces retouches post lancement font partie de la maintenance.

Spade conçoit les sites web sur un environnement de développement séparé de l’espace de production. En d’autres termes, c’est une copie en ligne et à jour de votre site, mais non visible du grand public !
Cet hébergement en staging nous permet d’intervenir sur votre site en toute sécurité, que ce soit pour une modification fonctionnelle ou visuelle, sans toucher à la version en production. Nous surveillons quotidiennement les éventuelles alertes de sécurité et services utilisés par nos clients et appliquons rapidement tout correctif de sécurité.

Spade peut remettre votre site sur pied à partir des sauvegardes réalisées quotidiennement.

Qu’il s’agisse encore d’un prototype, du site en staging ou déjà de la version officielle en production, nous réalisons sur l’outil des tests d’ergonomie (Usability).

Ils garantissent la constance d’une expérience utilisateur de qualité sur l’ensemble du projet, pour qu’elle ne soit pas altérée lors d’une modification de dernière minute par exemple.