Refonte du site internet de Piicto.fr

L’association Piicto a confié la refonte de son site à Ebizproduction. L’association représente 9 industriels de la zone portuaire de Fos-sur-mer agit sur la plateforme industrielle Caban-Tonkin et le Grand port maritime de Marseille.

Un design épuré et une ergonomie repensée.

Nous avons conçu et refondu le site internet de Piicto en nous basant sur Wordpress 4.9.2, un CMS simple, intuitif et robuste. Cette refonte a été entreprise afin que le site soit ergonomiquement et graphiquement complaisant avec les standards web actuels. Par ailleurs, le design a été pensé pour mettre en valeur l'association ainsi que son côté innovant.

Au-delà de l’aspect graphique et ergonomique, la refonte a été envisagée en raison de l'absence des derniers correctifs de sécurité de l’ancienne plateforme ainsi que de l’absence de traductions. Le site ne satisfaisait donc plus l'ensemble des besoins de l'association et était très exposé aux intrusions malveillantes. Il fallait réagir vite. Ce que nous avons fait.

Le rendu du site ? Le voici.

plateforme web open source

Découvrez-en plus en cliquant ici pour vous rendre sur Piicto.fr !

Notre méthodologie de développement.

Design et ergonomie.

  • La première phase de production de l’interface du site de Piicto consiste à définir les éléments importants à présenter afin de les implémenter dans le wireframe. Celui-ci constituera la structure du site internet.

  • Suite à la création du wireframe, l’habillage de celui-ci sera effectué afin de correspondre à la charte graphique de Piicto et aux tendances actuelles en matière de design web.

Découpe statique HTML.

  • Lorsque la maquette graphique a été validée, une première découpe statique a été faite. Le but étant de permettre à Piicto de se projeter et d’essayer les premières fonctions du site ainsi que son comportement sur mobile et desktop.

  • Cette découpe permettra également au client de faire des retours concernant des comportements à modifier, afin que la phase de développement soit optimisée au maximum.

Intégration fonctionnelle de la maquette.

  • La maquette statique validée, celle-ci est transmise aux développeurs qui se chargeront de l’intégrer pour la rendre fonctionnelle. L’intégration étant plus longue et plus complexe à mettre en place, la découpe statique prend alors tout son sens car elle réduit les modifications, ce qui résulte en une rapidité de développement accrue.

Testing et validation finale.

  • Lorsque la découpe statique est intégrée dans le CMS, un contrôle qualité est effectué pour s’assurer de la bonne conformité du site, du oint de vue graphique et fonctionnel. Lorsque le rendu final est fidèle à la découpe statique, le site est livré au client.

Robustesse, ergonomie et modernité ont été les trois maîtres-mots de ce projet, c’est ainsi que nous mettons aujourd’hui en ligne le site de Piicto qui est disponible ici !

Un projet de conception ou de développement open source avec Drupal, VueJs ou React ?
Appelez-nous et discutons-en autour d'un café !

David - Conseiller clientèle ebizproduction

Partager sur :