Press ENTER to search

Sites web & plateformes digitales

<span class="inline-title">Sites web</span> & plateformes digitales

Depuis 2011, notre coeur de métier est de mener des organisations de toute taille à mettre en place des plateformes digitales efficaces grâce aux méthodes d’UX Design. Au fil du temps, nous avons affiné une méthodologie et un un cadre de travail que nous avons regroupés sous l’appellation Minotaure.

Comment travaillons-nous ?

Les 9 étapes de notre méthodologie digitale.

Ce sont nos ateliers participatifs d’idéation. Cette étape est essentielle pour mettre en commun les idées, les réflexions, et poser les fondations du projet. Nous abordons les enjeux du projet, les éléments de cadrage, les moyens à mettre en œuvre.

Les ateliers sont animés par des chefs de projet et des designers à l’aide de nombreux outils, parmi lesquels nos jeux de carte Minotaure.

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.

Les avantages de l'approche Minotaure

Dans notre cadre de travail qui inclut un volet méthodologique et une application technique spécifique, nous englobons toutes les phases du projet pour assurer la réalisation de plateformes numériques de qualité des premières idées à la mise en ligne.

Implication des équipes tout au long du projet

Implication des équipes tout au long du projet

Votre point de contact chez nous est présent à chaque étape, garant de la transmission de l’information pour être certains que le résultat final est ce qui est attendu !

Documentation du projet en continu

Documentation du projet en continu

Toutes les avancées et discussions sont consignées pour savoir où l’on en est à chaque étape – et que l’info soit transférable, au besoin

Autonomie dans la gestion du site

Autonomie dans la gestion du site

Parce qu’une fois le cadre et le design mis en place, vous montez les pages, définissez leur hiérarchie, gérez leur publication en toute indépendance !

Pertinence du contenu sur le support

Pertinence du contenu sur le support

Parce que via notre méthode vous connaitrez par coeur votre audience, vous saurez quoi mettre, où et comment. Vous aurez forcément le bon contenu au bon endroit !

Découvrir Minotaure

Services et expertises supplémentaires

Notre coeur de métier est le développement de sites web, mais ceci englobe plusieurs expertises distinctes, au-delà du site « standard ». Détail de ces cas particuliers ci-dessous.

Reprise de code

Reprise de code

Parce qu’il arrive que nous ne devions pas créer un site à partir de zéro, mais reprendre un site (et son code) préexistant.

Développement de sites complexes

Développement de sites complexes

Prise de rendez-vous, site marchand, intranet avec profils, etc., sont des sites dits « complexes » parce qu’ils nécessitent des fonctionnalités bien précises et développées spécialement pour une demande.

Sites à fort trafic

Sites à fort trafic

Pic de visiteurs sur votre site, et la page ne suit pas. Lorsque l’on atteint un certain niveau de trafic sur un site donné, il est temps de penser un développement particulier, conçu pour supporter les fortes affluences.

Sites accessibles

Sites accessibles

Un site accessible, c’est un site dont toute personne peut profiter, quel que soit son handicap éventuel. Contenu, développement, design, tout est pensé et mis en place dans cette optique.

Quelques exemples de projets

Vous souhaitez donner vie à un projet web ?

Ecrivez-nous et racontez-nous ! Nous vous recontacterons dans les meilleurs délais.

Informations liées au RGPD

Les informations transmises via le formulaire ci-dessous vous seront envoyées par email et utilisées pour vous contacter si votre demande nous intéresse.

Nous ne ferons rien d’autre avec vos données à moins que vous ne deveniez un client aimé ou un employé chéri.

Type de projet

Informations liées au RGPD

Les informations transmises via le formulaire ci-dessous vous seront envoyées par email et utilisées pour vous contacter si votre demande nous intéresse.

Nous ne ferons rien d’autre avec vos données à moins que vous ne deveniez un client aimé ou un employé chéri.

Accompagnement maturité numérique

Votre site web, votre boutique en ligne, le réseau social interne de votre entreprise, sont en pleine transformation ? C’est le moment pour questionner votre “maturité numérique” ! Avec Spade, vous êtes au bon endroit.

Accessibilité Méthode Minotaure User testing Audit Ateliers
voir le service

Sites web & plateformes digitales

Depuis 2011, notre coeur de métier est de mener des organisations de toute taille à mettre en place des plateformes digitales efficaces grâce aux méthodes d’UX Design. Au fil du temps, nous avons affiné une méthodologie et un un cadre de travail que nous avons regroupés sous l’appellation Minotaure.

Accessibilité Méthode Minotaure Sites à fort trafic Développement de sites complexes Reprise de code
voir le service

Gestion éditoriale

C’est quoi, un bon contenu ?

Comment ça marche, le SEO ?

Publier ce que je veux, où je veux, quand je veux ?

Une page pour vous présenter toutes les facettes du « contenu » et l’accompagnement que Spade vous propose

voir le service

Identité visuelle & design system

Vous vous en doutez, la cohérence graphique de l’ensemble de vos supports de communication est tout simplement essentielle ! Voilà pourquoi chez Spade, nous mettons l’accent sur une identité visuelle forte et facilement reconnaissable, que ce soit pour votre site web, votre page Facebook, vos publications, votre papier à lettres ou encore vos cartes de visite. Nous poussons la réflexion dans les moindres détails et nous assurons que votre style sera unique.

Accessibilité Print Design system Stationery Vidéo Illustration
voir le service

Nous avons une nouvelle identité visuelle. En savoir plus

Fermer