France terre textile
Web design
Développement
France terre textile est un label pour la fabrication textile française créé en 2008. Son objectif est de préserver et promouvoir le savoir-faire textile des différentes régions françaises en se déclinant sur six territoires : Vosges terre textile, Alsace terre textile, Nord terre textile, Auvergne-Rhône-Alpes terre textile, Troyes Champagne terre textile et Sud terre textile.
Les avantages de l’obtention de ce label au sein d’une entreprise du secteur textile sont nombreux. France terre textile met à profit son réseau, grâce par exemple à des événements. Il apporte aussi de la visibilité et diffuse les actualités de ses entreprises adhérentes.
Nous les avons accompagnés dans la refonte et la modernisation de leur site Internet.
Cette refonte dote à France terre textile un support numérique leur permettant de :
- raconter l’histoire et les berceaux de la tradition du textile,
- présenter le label, son origine, ses enjeux et comment l’obtenir,
- présenter ses six territoires labellisés ainsi que les entreprises adhérentes,
- convertir les potentielles entreprises intéressées pour rejoindre le label
Web design
Animations
Web design
Nous avons proposé à France terre textile un design épuré, qui reprend les couleurs de leur logo : le bleu, le blanc et le rose. Ce design clair permet de bien mettre en avant les valeurs et chiffres clés du label.
On y trouve des photos et des vidéos qui apportent de la douceur au monde du textile, qui est en traditionnellement très industriel.
Nous avons conçu des animations pour rendre le site plus ludique, avec une flottaison de bulles de logos, ou encore avec un parallaxe sur des éléments graphiques, comme un coussin.
Différents sliders horizontaux sont présents pour apporter un deuxième sens de navigation, et ainsi optimiser au mieux les sections présentants un contenu volumineux.
La présentation des entreprises adhérentes au label a été pensée sous forme de carte, afin d’apporter une répartition plus visuelle et plus dynamique sur l’ensemble de la France.
Développement
Intégré avec WordPress, le site est composé de plusieurs pages de contenu ainsi que d’une grande base de données permettant de générer une page par entreprise. Cette base contient les coordonnées de chaque entreprise ce qui permet de dresser une carte interactive des adhérents.
Intégrée avec Mapbox, les entreprises sur la carte peuvent être filtrées par produits, région et techniques. Les points sont re-groupés par clusters pour plus de lisibilité.
Plusieurs bulles flottantes sont animées à travers le site. Elles présentent les logos des adhérents et permettent d’accéder directement à leur fiche. Le pré-processeur Sass a été utilisé pour générer les délais d’animation, ce qui donne cet effet d’hétérogénéité. La librairie JavaScript Swiper nous permet de dresser les sliders, de les rendre interactifs et responsive.
