Fioulreduc 

Secteur d’activité Achat énergie en ligne
Expertise
Ui design
Branding
intro
Collaboration Depuis 2020
On voulait vous dire merci Maëlle, Hervé, Michael et toute l'équipe 🤩

Se chauffer au bois n’a jamais été aussi simple

Fioulreduc est le premier site internet de commande de fioul à prix discount. L’entreprise travaille avec près de 200 distributeurs partout en France pour offrir le prix le plus bas du marché. Mais en 2020, le fioul est une énergie en décroissance, la société souhaite donc diversifier son offre et proposer une gamme complète de bois de chauffage.

C’est dans ce contexte que débute une très belle collaboration pour : renforcer l’image de la marque, créer une identité à part entière pour la nouvelle offre et refondre la plateforme en profondeur et proposer une nouvelle expérience de commande.

Voir le site
home_fioulreduc

Un bon refresh 

Première étape de notre mission : moderniser l’identité visuelle de Fioulreduc et étoffer le vocabulaire graphique de la marque.

Fioulreduc est un expert de la chaleur dans la maison. Le symbole que nous avons créé évoque le rayonnement de la chaleur. Nous souhaitions un design doux, avec de belles courbes pour illustrer le confort d’un logement bien chauffé, mais également mettre en lumière la bienveillance de la marque. La typographie est ronde et géométrique. Sa simplicité, ses courbes et son efficacité traduisent parfaitement les valeurs de la marque.

logo_fioulreduc
brand_fioulreduc
branddesign_fioulreduc
colors_fioulreduc

marques, 
1 ADN commun 

En créant une seconde marque, Fioulreduc souhaite capitaliser sur sa notoriété et son portefeuille client pour faire connaitre Boireduc. Pour une identification rapide de la marque, son identité visuelle est calquée sur celle de Fioulreduc. Le seul élément les différenciant : la palette de couleur.

Boisreduc s’habille de nuances vertes, fraiches qui font référence aux forêts de France. Fioulreduc au contraire utilise une palette chaude d’orange, de magenta et de jaune. C’est l’énergie, la chaleur qui est mise en avant.

brand_boisreduc
logo_boisreduc
colors_boisreduc
font_boisreduc

Une bibliothèque d’illustrations 

Afin de créer un système graphique complet et qui réponde aux enjeux de chaque marque, nous avons designé les deux univers simultanément. Parmi les éléments visuels créés, on retrouve un set de pictogrammes ainsi qu’une bibliothèque d’illustrations.

Les illustrations répondent à des enjeux importants pour Fioulreduc : rendre ludique et accessible pour le grand public des notions parfois assez technique et produire à l’infini des visuels pour des campagnes, des offres et des événements toute l’année.

illustration_boisreduc
insta_fioulreduc
cards_fioulreduc
offre_boisreduc

Le brandbook, 
un outil précieux 

Les brandbooks de Fioulreduc et Boisreduc ont été rédigés au cours du processus de création. En collaboration avec l’équipe marketing, ces documents rassemblent les éléments qui constituent chacune des marques : visions et valeurs, tonalités, logotypes, palettes de couleurs, typographies principales, secondaires et de substitution, composants visuels et cas de figure créés pour déployer le branding sur le web.

Ce support est un outil précieux pour assurer le bon maintien de la nouvelle identité. Il est utilisé en interne, mais il se partage également avec l’ensemble des partenaires.

brandbook_fioulreduc

websites, 
1 expérience d’achat 

La refonte du site fioulreduc.com et la création de boisreduc.com étaient deux beaux défis que nous avons eu plaisir à relever. Pour des raisons de coût en développement, mais également pour ne pas perdre les utilisateurs, les deux sites sont construits de manière assez similaire et font tous deux appel à une même librairie de composant.

La partie centrale de ces sites est le tunnel d’achat. Le challenge ? Une expérience de commande unique qui peut s’adapter à des produits très différents, le tout en mobile first.

homepage_boisreduc
mobile_first
tunnel
ui