Client 

Ghost Lab

 

Services

Site catalogue

SEO

 

Année

2013

Présentation de cette création web

La société Ghost Lab, qui dirigeait se projet et réalisait la partie graphique du site web, nous a confié la mission de création de celui-ci à partir de ses créations.

Achard SA est une société française centenaire de fabrication et distribution d’accessoires métalliques de toiture (Solin, abergement, closoir, arêtier et autres accessoires pour la couverture et l’évacuation des eaux pluviales).

La précédente version du site avait été techniquement réalisée et intégrée par notre société en 2010 mais, à l’époque, le site catalogue demandé était statique (sans back-office sauf pour les actualités). Du coup 3 ans plus tard un rafraîchissement du catalogue était nécessaire et l’occasion était parfaite pour refondre le graphisme et intégrer les fonctionnalités manquantes.

Nos objectifs de mission

  • Création d’un back-office fonctionnel et complet permettant de gérer toutes les parties dynamiques du site (catalogue, documentation et actualités)

  • La technologie Flash n’étant pas supportés sur les tablettes il était nécessaire de transformer les animations de l’époque en HTML5

  • Création d’un front-office respectant les directives d’intégrations graphiques réalisée par Ghost Lab

  • Proposition et intégration de dynamisme visuel dans la navigation du site et dans l’affichage des produits

  • Création d’un moteur de recherche avec suggestions des résultats (autocomplete)

Les solutions mises en œuvre

Nous avons d’abord définie l’architecture technique du site et effectué la validation technique de celle-ci. Nous sommes donc partir sur les éléments suivants :
  • Base de site en Zend Framework 2

  • Intégration de Doctrine 2 pour la gestion ORM de MySQL

  • Pour le layout : intégration de Bootstrap afin d’avoir une présentation simple et efficace pour le back-office et une base de travail propre pour le front-office

  • Création de helpers spécifique pour gérer la navigation du catalogue en AJAX Crawlable pour favoriser le SEO (référencement naturel)

    • Création des animations avec Edge Animate à partir de base vectorielle et de sources Photoshop
  • Création des animations et des aides de navigation avec jQuery

  • Mise en place d’un Hébergement Cloud optimisé, sauvegarder et intégrant une infogérance de 1er niveau

Nous avons ensuite créer et intégrer le site web sur un serveur interne puis une fois validé et les produits du catalogue intégrés nous avons procédé au déploiement du site sur les serveurs de productions du client.
Nous avons aussi ajouté quelques règles de réécritures afin de rediriger le trafic des pages disparus vers les nouvelles URL.