Création de site Internet

Créée à Bordeaux en 2009, Webperfect est une agence web spécialisée dans la création de sites Internet ( WordPress, Synfony) et de boutiques en ligne : Prestashop, Magento ou Woocommerce.

Webperfect s’appuie sur un noyau de développeurs web seniors, ayant une expérience professionnelle de plus de 20 ans. Cette expertise nous confère une connaissance fine des besoins de nos clients, et leurs problématiques techniques et marketing. Au fil de ces années, nous avons construit une méthodologie rodée en matière de création de sites Web, de maintenance évolutive et d‘accompagnement au gré des nouvelles demandes fonctionnelles de nos clients.

Elle inclut les différentes étapes pour mener avec succès la création d’un site Internet, la création d’une boutique en ligne, ou un projet de développement web sur-mesure :

  • Analyse des besoins / Audit fonctionnel et technique
  • Rédaction de documents de conception générale et détaillée
  • Préparation de l’ergonomie / Création de gabarits de page pour simuler les interfaces utilisateur
  • Création des maquettes graphiques
  • Intégration HTML/CSS responsive
  • Développements des fonctionnalités sur-mesure
  • Phases de recettes techniques et fonctionnelles

Création de site internet : les phases

Analyse des besoins – Conceptions fonctionnelles et techniques

En tant qu’agence Internet expérimentée, nous attachons une grande importance à l’analyse de votre existant qui est la première étape de votre projet de création Web.

Dans le cadre de la création ou de la refonte d’un site Internet ou d’un site marchand, il est essentiel de bien comprendre votre projet d’entreprise et la place que vous donnez au digital dans ce projet. Plus les enjeux digitaux sont élevés, plus notre réponse d’agence web sera adaptée à vos besoins client à court, moyen et long terme.

Pour un nouveau projet de Web, nous nous basons sur votre cahier des charges, qui rassemble vos attentes, pour préparer notre analyse fonctionnelle. Si vous n’en avez pas, et si vous le souhaitez, nous rédigeons avec vous un cahier des charges précis ou un document de conception générale.

S’il s’agit d’un projet de refonte de site Internet ou de développement sur-mesure (nouvelles fonctionnalités front ou backend, plugin ou module e-commerce, connecteur (ERP, Gescom, CRM, Logitique, WMS), nous validons avec vous un cahier des charges technique et rédigeons, si besoin, un document de conception détaillée pour définir précisément les règles de gestion et de contrôle de votre projet. Ce document regroupera aussi toutes les spécifications techniques et ergonomiques de votre projet.

Ainsi, l’analyse fine de vos besoins et de vos objectifs techniques et marketing, nous permettrons de vous soumettre les solutions techniques et fonctionnelles les plus adéquates, pérennes, et dans le respect de vos contraintes budgétaires.

Choix des outils et solutions techniques Web

Selon votre projet, ou le périmètre de vos demandes, nous privilégions le plus souvent des solutions open-source (CMS éditoriaux ou e-commerce, framework PHP ou JS, plugins existants, etc.) pour répondre au mieux à vos contraintes fonctionnelles métiers et pour limiter votre budget.

Nous travaillons notamment avec WordPress, Symfony, Prestashop ou Magento.

Selon vos besoins, si ces solutions techniques ne répondent pas pleinement aux fonctionnalités attendues, et pour limiter les coûts inhérents aux développements sur-mesure, nous complétons ces outils avec des bundles ou des plugins existants (sélectionnés et testés en interne).
Ensuite, si besoin, nous développons sur-mesure les fonctionnalités manquantes.

Toutefois, en qualité d’agence Web, nous aimons et maitrisons le développement Web sur-mesure, si votre projet digital le demande, nous saurons vous proposer des solutions adaptées, hors CMS standards.

Zoning & charte graphique

Durant la phase de conception détaillée de votre projet, l’une des étapes les plus importantes est le “zoning”, appelée aussi “wireframing” ou “prototypage”, consistant à concevoir les maquettes “fonctionnelles” du site. A l’inverse des maquettes dites “graphiques”, un “wireframe” fait complètement abstraction des éléments graphiques (logos, visuels, couleurs…), pour se concentrer sur l’ergonomie des pages et sur les contenus et fonctionnalités à mettre en avant.

Cette étape importante, indispensable dans le cadre d’un projet web sur-mesure, permet d’optimiser l’expérience utilisateur sur tous supports mobiles, tablettes et ordinateurs.

Sur la base des gabarits de pages ainsi validés, nous préparons et validons ensuite, avec le client, les maquettes graphiques (aux formats mobile et “desktop”) des pages principales du projet. Ces maquettes, une fois validées, serviront de référence et de base de travail pour la phase d’intégration HTML/CSS responsive, ainsi que durant la phase de recettage.

Intégration responsive “mobile first”

L’intégration transforme les maquettes graphiques précédemment validées en langages Web.

L’architecture HTML / CSS obtenue sera obligatoirement “responsive” : les contenus seront adaptatifs et, selon le support utilisé pour consulter le site, les polices, les espacements et les contenus seront dynamiquement modifiés pour être consultables quelle que soit la taille de l’écran.

Cette phase inclut aussi les temps de vérifications et de calages pour les rendus sur tablettes, smartphones et pour les dernières générations des navigateurs web standards (iOs, Chrome, Firefox, Safari, IE 11 & edge). Quelle que  soit l’architecture technique utilisée et les modules ajoutés au CMS validé, nous tenons compte des temps de chargements en utilisant des librairies de compression, de mise en cache et en limitant autant que possible le nombre d’éléments par page.

Dans le cadre de l’optimisation du référencement naturel, nous mettons aussi en place tous les éléments techniques importants pour le SEO : URL réécrites, fil d’Ariane, balises métas, “alt”, “canonical”, “hreflang”, “rich snippets”, etc.

Recettes techniques & fonctionnelles

Chaque projet Web nécessite plusieurs phases de tests avec le client. Une fois les développements finalisés par notre équipe technique, nous re-testons entièrement toutes les fonctions du projet en interne avant de vous les soumettre.

Nous vous accompagnons ensuite pour réaliser avec vous une phase de tests utilisateurs pour vérifier et caler tous les détails, aussi bien au niveau de l’ergonomie du front qu’au niveau des développements front et backend.

Déploiement, mise en ligne et accompagnement utilisateur

Avant la mise en production du site, nous travaillons sur plusieurs points importants :

  • pour éviter la création de pages « 404 » (et éviter la dégradation du référencement naturel existant sur l’ancien site) nous mettons en place un plan de redirections « 301 » pour rediriger les URL des pages de l’ancien site vers leur équivalent sur le nouveau site. Si cela n’est pas possible, une redirection sera faite sur une page choisie par le client ou, par défaut, sur le page d’accueil.
  • nous configurons des tags de tracking pour le suivi de l’audience, des visites et la surveillance technique sur les outils de Google et Microsoft

Suite à la mise en ligne de votre projet Internet ou de vos nouvelles fonctionnalités, notre équipe technique vous accompagne pour la prise en mains de vos nouveaux outils digitaux.

Nous restons disponibles par téléphone et par e-mail pour répondre à toutes vos questions.

Nous pouvons aussi vous accompagner via nos offres de maintenance, hébergement et infogérance.