Nouvelle identité visuelle et nouveau site web pour la CPEF

Un nouveau nom, une nouvelle identité visuelle et un nouveau site Internet afin de proposer les supports de communication les plus adéquats au personnel de l’Etat de Fribourg.

cpef.ch

Branding

  • Identité visuelle

Design

  • Accessibilité web
  • Architecture de l'information
  • Design d'interactions
  • Design visuel
  • Direction artistique
  • Prototypage
  • Recherche utilisateur

Développement Web

  • Accessibilité web (dev)
  • Architecture technique
  • CMS Drupal & Wordpress + Symfony

Gestion de projet

  • Priorisation et planification

Notre expertise pour le service public Fribourgeois

Un objectif était clair dès le départ du mandat: Proposer les supports de communication les plus adéquats au personnel de l’État de Fribourg. Dans le portfolio à suivre, nous vous invitons à découvrir note approche et le résultat de cette collaboration aux côtés de la Caisse de Prévoyance du personnel de l’Etat de Fribourg.

Alberto Gomez, Account Manager
CPEF PKFS Fribourg Branding Identité visuelle, Mission

Mandat

La Caisse de prévoyance du personnel de l’Etat de Fribourg nous a mandaté afin de les accompagner dans la réalisation de leur nouvelle identité visuelle et leur nouveau site Internet.

Avec plus de 20'000 personnes assurées, la CPEF est une institution importante du canton de Fribourg. Ses nouveaux supports de communication se devait d'être à l'hauteur des attentes et besoins de ses affilié·es. Un nouveau nom, une nouvelle identité visuelle et un nouveau site Internet afin de proposer les supports de communication les plus adéquats au personnel de l'Etat de Fribourg.

Nouvelle identité

Des étapes incontournables
Comme pour chaque projet, que ça soit dans le cadre d’une refonte web ou la création d’une nouvelle identité, la première étape reste la même, il faut comprendre les besoins de nos clients.

La collaboration très étroite avec le groupe de travail de la CPEF nous a permis de saisir l’essence et la philosophie de leur institution. Grâce à plusieurs ateliers créatifs, nous avons pu nous imprégner également leur sensibilité et ainsi définir ensemble, les contours de leur nouvelle image.
Les lettres comme "matière première"
Le choix de travailler uniquement à base d'une police de caractères s'est imposé rapidement. En effet, nous voulions un logo capable de traverser le temps sans s'y ancrer, à l'image de la CPEF.
Sans fioriture ni autre élément décoratif, le logo se présente uniquement sous forme d'un lettrage – que nous avons retravaillé minutieusement afin de lui conférer des caractéristiques uniques.

Le résultat final révèle la personnalité de l'institution – singulière, accessible, ouverte et fiable.
La modularité de cette identité lui permet de fonctionner en deux entités distinctes selon le choix de la langue (CPEF ou PKSF). Une version complète bilingue a été conçue, les deux acronymes s'imbriquant – voyant certaines partie du lettrage s'effacer, se laissant ainsi mutuellement une place pour former un ensemble fort et soudé.
Une identité haute en couleurs
Nous avons imaginé un palette de couleurs lumineuse et constrastée pour soutenir et contre-balancer l'aspect très structuré et construit du logo. En effet, cette gamme permet de générer des visuels – tant print que digitaux – dynamiques et pétillants.

A ces ingrédients, nous avons finalement ajouté des illustrations au ton ludique et frais visant à faire rayonner l'institution au travers du nouveau site et de ses déclinaisons papier.
CPEF PKSF Fribourg Branding charte couleur
CPEF PKSF Fribourg Branding Charte graphique
CPEF PKSF Fribourg papeterie carte de visite Design

Développement web

Pour ce projet nous avons sélectionné le CMS Drupal 10. Fraichement publiée à la fin de l'année 2022, la version 10 de Drupal apporte son lot considérable d'avancée technologique.
Mais le choix de Drupal 10 n'est pas annodin pour ce genre de projet.
CPEF PKSF Fribourg Site Internet Web design Page d'accueil
Tout d'abord, La CPEF et l'État de Fribourg étaient déjà à l'aise avec ce gestionnaire de contenu Web.

Ensuite, les performances de Drupal, sa rapidité, sa flexibilité et son niveau de maturité – couplés à notre maîtrise de ce dernier – nous a permis de mettre en place l’outil idéal pour ce type de projet.

Sans oublier, sa gestion d'un site web multilingue reste tout simplement inégalée sur le marché des CMS Open Source.
Aussi, afin d'offrir à la CPEF une gestion libre et sans contraintes du contenu, nous avons mis en place le module Paragraphs permettant une édition facilitée des pages.
CPEF PKSF Fribourg Site Internet Web design composant
Finalement, l'un des points essentiels à ce projet était le partage des documents avec le grand public. Des documents importants dont la mise à jour fréquente devait pouvoir se faire en toute simplicité.

Grâce à l'intégration de la Media Library Drupal, nous avons pu répondre sans aucune difficulté à cet objectif.
CPEF PKSF Fribourg Site Internet Web design mobile first

Conclusion

Pour un projet aussi ambitieux et conséquent que celui-ci, il a fallut une équipe et des partenaires motivé·es et impliqué·es à chaque instant.

Des premiers workshops de plateforme de marque en passant par la validation de la nouvelle identité visuelle et l'intégration du contenu, nous avons travaillé main dans la main en bonne intelligence et en parfaite harmonie.

L'entier de l'équipe du projet a collaboré dans le but commun; produire la meilleure des plateformes web et l'identité la plus adaptée pour le personnel de l'Etat de Fribourg.

Un grand merci à l'équipe de la CPEF pour son implication totale et à nos deux partenaires principaux; Fabienn Stoll et Xavier Pilloud pour nous avoir guidé·es et accompagné·es tout au long du projet.

Alberto Gomez, account manager
CPEF PKSF Fribourg shooting photo

Vous voulez en voir plus ?

Découvrez
plus de nos projets

Tous nos projets

project.teaser.a11y.servicesSite Web

Campagne Migros, M comme Moi

project.teaser.a11y.servicesCampagne