Un site au design repensé, et une contribution taillée pour l'équipe.

Développement du site vitrine de BPCE-IT, branche informatique du groupe BPCE, sur un design de l'agence Pepper Cube : version mobile dédiée, contribution sur mesure, sections dynamiques et formulaires distincts.

Conseil, droit et finance Site institutionnel Divi 2021

2

formulaires distincts : contact, et candidature avec pièce jointe

2

agences associées : Pepper Cube au design, OpenMyDiv au développement

Le projet

Moderniser l’image, simplifier la contribution

BPCE-IT, aujourd’hui BPCE Infogérance & Technologies, est la branche informatique du groupe BPCE. Elle porte les infrastructures et les services informatiques des établissements du groupe.

Son site vitrine avait besoin d’une refonte sur deux plans : un design plus moderne, à l’image de l’entreprise, et une interface d’administration épurée, pour que l’équipe mette à jour ses contenus sans difficulté.

Le projet s’est mené à deux agences. Pepper Cube a recueilli le besoin et conçu le design ; nous avons pris en charge le développement du site. Au-delà du lifting visuel, le site dispose d’une version mobile dédiée, pensée pour ce format plutôt que simplement adaptée. Côté administration, la contribution a été développée sur mesure, pour que chaque contenu soit personnalisable sans passer par un développeur.

Le site présente l’entreprise, sa mission, ses activités et ses offres d’emploi. Les candidatures arrivent par un formulaire dédié, distinct de celui des demandes de contact, avec la possibilité de joindre un document.

Ce qui a été livré
  • Un site vitrine au design modernisé
  • Une version mobile dédiée
  • Une interface de contribution simplifiée
  • Des sections qui s'affichent seulement quand elles ont un contenu
  • Un formulaire de contact
  • Un formulaire de candidature avec pièce jointe

En un coup d'œil

Une page d'accueil immersive

L'accueil reprend le design de Pepper Cube : un visuel plein écran et une navigation resserrée en quatre entrées, de la présentation de l'entreprise au recrutement.

Ce que ça donne

Deux écrans, deux décisions.

01

Des sections qui n'apparaissent qu'avec du contenu

La page Notre mission enchaîne le texte et les priorités illustrées. Chaque section ne s'affiche que si l'équipe l'a renseignée dans le back-office.
02

Une version mobile pensée pour le téléphone

Sur mobile, la page garde sa hiérarchie de lecture, avec un menu replié et des blocs empilés conçus pour ce format.
Technique

Divi pour la base, une contribution taillée sur mesure

Le site repose sur WordPress et Divi. Le design de Pepper Cube a été intégré avec une version mobile à part entière, et non une simple réduction de la version ordinateur.

La contribution a été développée sur mesure : l’équipe modifie ses pages depuis une interface simple, sans manipuler la mise en page. Les sections sont dynamiques : elles ne s’affichent que si un contenu a été saisi dans le back-office, ce qui évite les blocs vides quand une rubrique n’est pas renseignée. Deux formulaires distincts séparent les demandes de contact et les candidatures, ces dernières avec une pièce jointe.

  • WordPress et Divi
  • Intégration du design de Pepper Cube
  • Version mobile dédiée
  • Contribution développée sur mesure
  • Sections affichées seulement quand un contenu est saisi
  • Formulaires séparés pour le contact et les candidatures
Pour aller plus loin

Ce projet a mobilisé deux expertises.

Expertises mobilisées
Le secteur
Voisins
Parlons-en

Votre équipe peine à mettre à jour votre site institutionnel ?

Réponse sous 48 heures ouvrées, avec une première lecture technique et un ordre de grandeur.

28 rue du Sentier
75002 Paris


    * Champs obligatoires. Vos données sont conservées trois ans, ne sont ni cédées ni revendues, et effaçables sur simple demande.