REFONTE DE SITE WEB POUR ACIER D’ARMATURE FERNEUF

Tout a commencé lorsque Jasmin a lu un courriel dans lequel nous lui avions conseillé de ne pas confier la conception de site web à un informaticien.

L’idée était de lui faire comprendre de façon ludique qu’un gars IT ne pouvait pas avoir toutes les compétences requises pour créer un site web.

Ayant trouvé ce courriel amusant, il a demandé à Normand de nous contacter (Et oui, le site web de l’entreprise avait été conçu par un informaticien pas très bon en visuel, positionnement, et développement web…)

Étapes du projet de conception de site web

La préparation

C’est Normand qui a pris le lead du projet pour Acier d’armature Ferneuf. Il ne savait pas à quoi s’attendre car c’était son premier projet de conception de site web.

Il a grandement apprécié cette réunion dans laquelle nous avons pris le temps de lui temps de bien lui expliquer à quoi s’attendre, ce que nous attendions de lui, et posé toutes les questions pour bien comprendre l’entreprise.

Prototypage

Après la réunion de préparation, Normand a rapidement reçu un prototype (un sorte de plan du site web). Ce qu’il a grandement apprécié car il a rapidement pu visualiser la manière dont le site web allait être organisé.

D’ailleurs, il a grandement apprécié le fait que nous ayons pris le temps de lui expliquer le prototype.

Voici un aperçu du prototype créé : Prototype (Ferneuf)

Rédaction du contenu

Une fois le prototype approuvé, tout était réuni pour la rédaction du contenu.

Emmanuel notre rédacteur s’est empressé de produire un contenu optimisé pour les moteurs de recherche.

Le défi de cette étape étant de produire un contenu qui présente les services de la compagnie tout en plaisant aux moteurs de recherche.

Normand a aimé le fait que, n’étant pas des experts de l’armature, nous avons réussi à rédiger un contenu cohérent, pertinent, et fidèle à la marque.

Après quelques changements demandés par Normand, nous avons pu enchainer avec la production de maquettes graphiques.

Conception de la maquette graphique

Normand était un peu inquiet car il tenait à avoir un visuel qui présente les services tout en respectant la nouvelle direction graphique. Étant donné qu’il ne nous avait pas fourni de photos, il n’était pas certain que le visuel allait pouvoir être fidèle à l’image de marque.

Et bien, encore une fois, il a été agréablement surpris lorsque nous lui avons présenté les maquettes graphiques.

Voici un aperçu des maquettes créées :

Maquette 1 , Maquette 2

Intégration

Une fois les maquettes approuvées, nous avons pu passé à la production du site web.

Notre intégrateur a travaillé fort reproduire rapidement les visuels créés en version web (desktop et mobile)

Deux semaines après avoir commencé l’intégration, tout était prêt (et Normand a encore été agréablement surpris).

Assurance qualité

Avant de montrer le site à Normand, nous avons testé le site de fond en comble pour nous assurer que:

• Le visuel soit conforme aux maquettes
• Le site fonctionne bien en mobile, desktop, et tablettes
• Les formulaires et les boutons fonctionnent ;
• Les liens redirigent au bon endroit…

Après avoir vérifié que tout fonctionnait, nous avons envoyé le site web à Normand pour approbation.

D’habitude les premières fois sont toujours difficiles, mais Normand a plutôt apprécié sa première 🙂

Il aime beaucoup le site web et a reçu pas mal de compliments au bureau (et des clients ont aussi fait des remarques positives).

Faites glisser la ligne du blanche au milieu de l’image ci-dessous pour voir le style avant-après.