Elefan,
notre savoir faire

Nous vous proposons de vous accompagner tout au long de votre projet web en vous faisant profiter de notre expérience, de nos méthodes et de notre réseau pour mener ce projet à bien.

Pour nous, un projet web se réalise en trois étapes clés :


Derrière chacune de ces étapes il y a de nombreuses actions que nous vous proposons de réaliser, en voici le détail :

L'initialisation du projet : Définition & Contours :

  • Définir ses objectifs, son public, les attentes et les besoins : l'important c'est d'échanger
  • Analyser la concurrence et se positionner correctement
  • Rédiger un cahier des charges pour formaliser le projet et d'affiner les points suivants :
    • Etablir un planning prévisionnel listant les tâches et les intervenants
    • Détailler les choix technologiques, que ce soit pour le développement, l'hébergement ou la gestion et le suivi
    • Définir le budget du projet
  • Rédiger des documents complémentaires si besoin :
    • Un scénario utilisateur, pour lister ce que le visiteur peut accomplir sur le site et s’assurer que la navigation est cohérente par rapport au public visé
    • Un zoning, pour définir l’organisation visuelle des différentes pages (têtière, contenu, marge, menu, pied de page, …)
    • Une maquette fonctionnelle (wireframe), pour détailler l’organisation visuelle du zoning en y ajoutant les composants (bouton, menu, éléments de saisie, image, lien, …) sur chacune des pages

Ces documents sont utilisés pour faciliter la création d’une charte graphique et le développement. Ils deviennent de plus en plus nécessaire pour gagner du temps et faciliter la réalisation conception de site responsive (qui s’adapate aussi bien à un mobile qu’à un poste fixe).

La réalisation du projet : Graphisme & Code

  • Créer une charte graphique pour le projet, pour avoir une identité visuelle
  • Réaliser une maquette ou un prototype pour mieux visualiser le projet et valider certains points du cahier des charges (est-ce qu’une fonctionnalité n’est pas trop consommatrice de ressources ? est-elle vraiment pertinente?)
  • Développer le site (front et back), seul ou en équipe et adapter le processus de développement en conséquence. Selon les cas, c'est aussi s'appuyer sur l'existant et le faire évoluer
  • Créer des services web / flux d'échanges pour alimenter le site ou exporter des données
  • Mettre en place différents outils pour donner de la visibilité sur l'avancement et faciliter le suivi
    • Un environnement de pré-production où seront mis en ligne les versions de test du projet
    • Une plateforme d'échange pour remonter les erreurs et remarques
  • Faire des points d'avancement régulier par visio, téléphone ou de visu pour faciliter les échanges réguliers

Une fois les développements terminés, il est temps de penser à déployer le projet en ligne, et de passer à l'étape suivante qui est de gérer son quotidien, ses évolutions : sa vie !

La mise en ligne du projet et le reste de sa "vie"

  • Former à l'utilisation du site et ses outils d'administration (ajout de contenu, analyse d'audience, ...)
  • Assurer la communication autour du lancement du site, via les réseaux sociaux ou des mailing par exemple
  • Déployer le site en ligne et assurer sa maitenance applicative
  • Travailler son référencement naturel
  • Faire sa promotion via du référencement payant et de la publicité en ligne (Google, Facebook, régie publicitaire)
  • Prévoir des évolutions et l'ajout de fonctionnalité sous forme d'un nouveau projet

Nos outils de travail

Pour tester : L'ordinateur, le téléphone et la tablette, évidemment ! Il s'agit de pouvoir le faire sur chacune des plateformes pour s'assurer du bon fonctionnement et du bon rendu visuel sur chacun des appareils via lesquels le site est consultable.
Pour développer : on s'appuie sur la plateforme L.A.M.P.. En fonction des projets nous sommes amené à utiliser différents framework" PHP, javascript (jQuery) ou encore CSS (Boostrap). Chaque projet étant différent, les outils les mieux adaptés sont sélectionnés, pourquoi pas WordPress et Prestashop ? ou, au contraire un site 100% sur mesure !
Pour contrôler : les outils Google (Search Console, Analytics, PageSpeed Tools, ...), le validateur de code W3C (Markup Validation Service)
Et il y en a encore plein d'autres mais il serait difficile d'en faire la liste complète (Logiciel D.A.O. type Photoshop / Illustrator, IDE, Git, ...)

En conclusion ?

Vous avez sans doute des questions précises concernant votre projet ou tout simplement envie d'en savoir plus ?
N'hésitez pas à nous contacter

Jean-Marc Reymund / Elefan /// 15 Décembre 2017