logo-monogramme Clarisse Nestolat NC
Site Pix'elles

Site Vitrine Pix’elles

Pix'elles Informatique Année : 2022 Rôle : Webdesign, UX/UI & intégration WordPress
Webdesign WordPress Communication
DWeb design Pix'elles

Points clés

  • Définition de l’arborescence du site
  • Zoning et structuration des contenus
  • Cible institutionnelle et collectivités
  • Présentation de plusieurs logiciels métiers
  • Cohérence entre site web et supports de communication
  • Intégration HTML / CSS
  • Développement sous WordPress
  • Travail d’équilibre entre identité visuelle et sobriété professionnelle

Contexte

Pix’elles Informatique était une entreprise spécialisée dans la commercialisation, l’accompagnement, la formation, l’assistance et la maintenance de solutions métiers destinées principalement aux collectivités.

L’entreprise évoluait sur un marché très spécifique, avec des logiciels comme Régie Marchés, conçus pour répondre à des besoins administratifs et opérationnels précis.

Le site devait donc à la fois présenter l’entreprise, expliquer son positionnement et mettre en valeur plusieurs solutions logicielles, tout en restant clair pour une clientèle institutionnelle.

Mission

Ma mission a consisté à concevoir un site vitrine structuré et cohérent avec l’identité graphique de Pix’elles, tout en tenant compte des attentes d’un public professionnel et institutionnel.

Le travail a commencé par la définition :

  • des besoins
  • de la cible
  • des contenus à présenter
  • de l’arborescence du site

J’ai ensuite réalisé un zoning basse fidélité afin de valider l’organisation des pages avant de passer à la création graphique.

Après validation, j’ai conçu les maquettes, puis réalisé l’intégration en HTML et CSS, avant l’intégration finale sous WordPress.

Contraintes

Le principal enjeu du projet était de trouver le bon équilibre entre personnalité graphique et sobriété institutionnelle.

Les clientes souhaitaient une identité visuelle moderne et reconnaissable, mais leur cible nécessitait un discours plus structuré et une présentation rassurante.

Il fallait également présenter plusieurs logiciels métiers sans alourdir l’expérience utilisateur, tout en conservant une cohérence graphique entre :

  • le site de l’entreprise
  • les différents logiciels de la gamme
  • les supports commerciaux déjà existants.

La direction artistique s’est donc appuyée sur une palette sobre, dominée par un bleu profond et des gris clairs, afin de conserver une image professionnelle tout en restant cohérente avec l’identité de Pix’elles et les supports déjà développés.

Compétences mobilisées

Photoshop WordPress Responsive design Intégration web
Visite le Site sur Adobe XD