Un site Internet sous le sapin à Noël
De nombreux sites e-commerce prenne un coup de jeune juste avant leur période de meilleures ventes: Noël. Est-ce un peu tôt pour y penser ? Pas du tout. Pour une bonne organisation et pour obtenir un site zéro bug il faut s'y rendre dès à présent.
C'est une tradition, de nombreux sites e-commerce prenne un coup de jeune juste avant leur période de meilleures ventes: Noël. Est-ce un peu tôt pour y penser ? Pas du tout. Pour une bonne organisation et pour obtenir un site zéro bug il faut s'y rendre dès à présent. Imaginez votre tête si en plein pic de frénésie acheteuse votre site explose du fait d'un bug malicieux ... inconcevable n'est-ce pas ? Je vous propose donc de réfléchir à un retro-planning pour mettre en place votre projet de refonte (ou de création) de boutique en ligne. Profitons-en au passage pour réviser les étapes de la création d'un site internet.J-60. Le brief / cahier des charges du site
Outils: Word, Excel, PowerPoint, XmindTrop souvent sur des petits projets cet aspect est sous-estimé mais il est primordial. C'est de la qualité de cette étape que dépendra la qualité de tout le reste. Elle peut prendre 1 journée ou plusieurs semaines parfois lorsque le projet demande l'intervention de plusieurs intervenants. Mon conseil : faites-vous aider par un professionnel. Il vaut mieux prendre une journée de conseil maintenant que d'en perdre 10 fois plus dans la partie graphique ou sur les retours de validation. Il convient pour rédiger un bon cahier des charges d'avoir :- une idée de la concurrence,
- un bookmark des sites qui vous plaisent et comprendre pourquoi,
- un idée précise du contenu du site afin de définir son arborescence (je vous suggère d'utiliser xmind),
- une ligne éditoriale,
- Une stratégie marketing - inbound de préférence ;)
- idéalement la totalité du contenu du site qu'on veut absolument voir présent au démarrage (texte, images, ...), une partie pouvant être compléter par l'agence web.
J-55. Le wireframe / zoning
Outils: Basalmiq, Axure, ...Vous savez à présent ce qu'il vous faut, reste à définir la mécanique qui donnera un site ergonomique. Il est possible que cette phase bouscule votre réflexion initiale sur l'arborescence mais c'est le prix à payer pour parvenir à un travail abouti. Il vous faut en vrac : un menu (au moins), un bloc contenu, une sidebar (au moins), des call-to-actions, un logo, ...L'objectif ici est de définir comment cela s'articule et comment on passe d'un élément à un autre. Je vous conseille Axure plutôt que basalmiq car cet outil vous permet de faire des maquettes dynamiques (vous pouvez naviguer dans le site et tout de suite vous rendre compte du résultat). C'est cet outil que nous utilisons au sein de notre agence, il nous permet de mettre en ligne pour nos clients une maquette fonctionnelle dynamique qui est plus lisible qu'un zoning. C'est souvent à ce moment qu'une réunion s'impose pour redéfinir certains points du cahier des charges.J-50. La maquette
Outils: Photoshop, Illustrator, Paint (nan soyons sérieux...)Si vous donnez à un graphiste un zoning figé et du contenu (images et photos) vous l'utiliserez de la meilleure façon possible car son attention sera retenue sur l'aspect graphique uniquement. C'est ainsi que vous obtiendrez en un minimum d'allers-retours une maquette correspondant à vos attentes. Ne mélanger pas la réflexion amont et la phase de production. Le graphiste doit rendre attrayant votre concept et surtout pas l'inventer à votre place. Il est impératif de réaliser le nombre de maquettes justes. Trop souvent certaines pages, pourtant utiles, sont survolées dans la phase graphique :- la page 404,
- la page de résultat de recherche,
- la page de maintenance,
- la page des mentions légales
Ce sont tous ces petits détails qui font qu'un site est abouti ou pas.
J-45. L'intégration
Langages et outils : html, css, javascript et un bon CMS (Wordpress, Drupal, Prestashop, RBS Change, ...)Nous y sommes votre site va commencer à être développé. Cette étape est souvent la plus longue, elle permet de transformer la maquette dans un langage compréhensible par le navigateur. Elle est d'autant plus longue si votre site est responsive design, compatible avec un grand nombre de navigateurs (surtout IE7, 8 et 9) et bien sûr en fonction du nombre de gabarits différents à réaliser.
J-30. Le développement
Langages et outils : PHP, javascriptParfois les fonctionnalités du CMS suffisent et cette étape est rapide mais parfois il faut faire du développement spécifique pour atteindre vos objectifs. Si votre idée est du jamais vu, il sera d'autant plus important de passer du temps sur la question au moment du cahier des charges. Il sera même intéressant de faire intervenir un développeur pour mesurer la complexité du projet et sa faisabilité technique.
J-15. La recette interne
Outils : Firefox, chrome, safari, des téléphones, ... et même Internet ExplorerCela peut prendre une semaine parfois pour faire passer votre site sous tous les navigateurs prévus et tester les fonctions, les affichages, puis corriger les écarts. Ne laissez pas de surprise et définissez ce point dès le cahier des charges...
J-10. La recette client
Outils : Firefox, chrome, safari, des téléphones, ... et trop souvent internet explorer 9. Un bug tracker type mantis, ...C'est enfin le jour où vous recevez votre nouvel outil de travail, il va falloir le triturer dans tous les sens afin d'être sûr qu'il correspond au brief initial. Faites vos retours à votre agence grâce à des outils dédiés comme Mantis, que nous utilisons. Cela vous permet de suivre le traitement des bugs et d'évaluer la date à laquelle votre site sera devenu "zéro bug".
J-1. La mise en ligne
Outils: un hébergeur managé et sécuriséReste à mettre le site en ligne et à router les URLs de l'ancien site avec des redirections 301 pour ne pas perdre votre référencement déjà acquis.
Malgré tous nos efforts si l'hébergement n'est pas à la hauteur du trafic de votre site, il y aura des problèmes. Nous recommandons de ne pas choisir à la légère votre hébergeur car il existe de tout. Choisissez une hébergeur avec des solutions de bonne qualité notamment pour la protection face aux agressions externes. Évitez d'avoir votre site hébergé chez votre agence web car vous paierez souvent plus cher pour un service minimum (pas d'intervention le weekend, ...).