Le Brief du projet
Le site de Socopedic est encore un projet en collaboration avec Kalistene.
Frédéric Theviot est le dirigeant dynamique de Socopedic et il avait besoin d’un nouvel outil de communication web. C’est un monument de franchise, de dynamisme et de courage à lui tout seul. Après un large entretien, j’ai eu la chance d’être sélectionné pour le projet. Socopedic est une entreprise basée à Albens (entre Aix les bains et Annecy). J’ai rapidement eu un coup de coeur pour cette entreprise familiale, traditionnelle, mais résolument tournée vers l’avenir. En visitant l’usine de production, j’ai été sensibilisé par ce désir réel de faire de made in France de qualité, conçu avec de beaux matériaux et avec l’appui d’un bureau d’étude réactif. Du stock à la commercialisation, une grande partie de la production se fait dans l’usine avec l’appui d’ouvrières spécialisées dans ce domaine.
Le projet d’intégrer tout le catalogue dans un site était ambitieux, non que cela présente une difficulté technique majeure, mais que cette tâche était assez laborieuse (j’ai rêvé de coussins garnis Bultex de nombreux jours).
Client
Socopedic
Albens (73)
La mise en page et la réalisation technique
Déploiement graphique
Pour déployer la nouvelle charte graphique je disposais d’un fichier InDesign. J’ai dans un premier temps isolé le nuancier en pipettant ici et là les couleurs principales. J’ai adapté deux principales fontes pour le web et mis l’ensemble en musique via la feuille de style.
Comme à l’accoutumée, il a fallu intégrer différentes règle CSS de manière habile pour les utilisateurs puissent aisément reprendre les codes graphique sans connaitre nécessairement le HTML.
Menus aux couleurs de la charte
L’utilisation d’un mega menu a été privilégiée pour la présentation de l’ensemble des produits de Socopedic. Un gros travail sur la feuille CSS a été mené pour rependre les fonds principaux de la charte pour les reproduire dans les bas de menu, et faire vivre les différentes fontes de la charte.
Catalogue
Un catalogue a été créé grâce à un CPT (Custom Post TYpe) et contient 129 éléments du catalogue ajoutés référence par référence puisque la structure était évolutive selon le produit.
Site procomedic
En parallèle avec le développement du site de Socopédic, j’ai également mis en place une page de type html pour la maison mère Procomedic. C’est une base bootstrap responsive qui a été complètement aménagée pour répondre à la charte générale.
Laisser un commentaire
Rejoindre la discussion?N’hésitez pas à contribuer !