GxpManager

Site corporate

GxpManager est un éditeur de logiciels spécialisé dans le traitement conforme des données pour les métiers des Life Sciences et des secteurs réglementés.

2016 • Design graphique, webdesign, ui & développement WordPress

Contexte

Refonte du site web.

Rôles

  • • Recherches
  • • Maquettes graphiques
  • • Intégration html & Css
  • • Développement Wordpress

Recherches

Benchmark

Identification des concurrents et analyses détaillées sur les plans de la communication (comment communiquent-ils, quels sont leurs outils, la fréquence de publication, etc.), de l’ergonomie (navigation, hiérarchisation de l’information, affordance, lisibilité, fonctionnalités, etc. ) et du design (choix typographique, couleur, mise en page, visuel, etc.).

Architecture de l’information : inventaire des contenus et regroupement

Inventaire et tri effectués en interne avec le product owner, commerciaux et responsable marketing. De ce tri, nous avons pu créer le menu de navigation, créer la structure de la page d’accueil et les liens entre les pages.

Maquettes

Photoshop, grid 12 colonnes

Création des maquettes graphiques avec les intitulés et titres définitifs à partir des éléments collectés lors de l’inventaire et du tri de cartes.
Maquettes de la page d’accueil, d’une page application et d’une page classique.

Design

Couleurs, formes et icônes

Le monde du logiciel pouvant être perçu comme très complexe à la fois dans son utilisation que dans son écosystème, l’idée était de présenter chaque application avec des couleurs spécifiques et vives. Des formes géométriques, plutôt circulaires et en rondeurs pour suggérer les idées de simplicité et de familiarité.

Intégration & développement

Bootstrap 3, Html 5, Css 3, WordPress

Intégration à partir de la grid 12 colonnes de la maquette photoshop. Utilisation d’une librairie Css 3 d’animations, Animate, pour l’affichage des contenus.

Développement sur-mesure avec l’extension ACF-Pro . Cette extension permet de définir des modèles de pages complètement personnalisables au niveau des types de champs (textes simples, contenus multimédia, zones de textes enrichies, etc.) et de construire des modèles flexibles