FEETS FO
Plateforme multisite

Réalisation d'une plateforme
multisite personnalisable

Le brief

La Fédération de l’Equipement, de l'Environnement, des Transports et des Services FORCE OUVRIERE (FEETS FO) est constituée des syndicats nationaux et locaux qui regroupent les personnels des différentes branches et secteurs d’activités.

Le projet de FEETS FO était de mettre à jour l'appareil digital existant mais aussi de fidéliser les adhérents en rendant le contenu créé par le syndicat plus accessible. Pour cela, nous avons créé un site web, avec un système multi-site (17 sites au total avec un visuel et un contenu différent) et un système intelligent d'envoi de newsletters.

Premier écran du site web FEETS-FO

Icônes

Set d'icônes attribuées aux types de publication

Typo

La font "Raleway Bold" est utilisée pour les titres. Elle a du caractère et interpelle l'internaute par ses lignes uniques.

Pour le contenu, nous avons choisi la font "Poppins", minimaliste et moderne.

En effet, certaines publications sont longues et leur lecture doit se faire simplement.

"Poppins" est une typographie Sans Serif, avec des lettres courbées. Elle est très lisible et se marie bien avec "Raleway".

Typographie utilisé pour la conception du site web

Couleurs

Nous avons créé un set de 10 couleurs en parfaite harmonie pour associer un univers à un type de contenu ou a certaines actions.

#FE4E4D

#F36C13

#FFEDAC

#F4E3A2

#55F0B8

#01C093

#35AAE0

#226FCB

#2356EC

#3B3178

Maquette UX de la Homepage du site web Feets-FO
Page d'archive des actualités du site web FEETS-FO

Annuaire

L'annuaire permet de trouver son contact syndical en fonction de la branche, de l'entreprise ou de la section.

La recherche est en "live-search" : c'est à dire qu'on ne recharge pas la page entière mais juste les résultats.

Annuaire de contact du site web FEETS-FO
Ecrans mobile du site FEETS-FO

L'expérience utilisateur

Un environnement visuel efficient qui facilite la navigation dans un univers riche en contenu.

Nous avons choisi de proposer une navigation principale totalement différente sur mobile et sur desktop.

Le menu peut être léger comme très riche en fonction du site. Notre objectif était de développer une solution pour que la navigation reste intuitive dans toutes les circonstances.

Icône Publications
Pattern utilisé pour les revendications sur le site web FEETS-FO
Pattern utilisé pour les zones de contact sur le site web FEETS-FO
Icône Newsletter
Homepage Suprguide : Développement d'un moteur de recherche avec autocomplétion

Système de newsletter avancé

Le besoin de personnalisation de la newsletter est très important dans ce projet : les adhérents étant intéressés par des secteurs d'activité précis.

Un système classique de newsletter aurait été être inefficace, nous avons donc préféré un système personnalisé. Chaque adhérent peut souscrire à des revendications et à un ou plusieurs site en particulier. Il recevra donc une newsletter unique avec du contenu qu'il a choisi.

Contactez Buddyweb pour parler de votre projet web

Réalisation suivante