Socopedic site internet

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).

Socopedic
Albens (73)

http://socopedic.com/

page catalogue socopedic wordpress

La mise en page et la réalisation technique

Base de travail Socopedic
Charte graphique socopedic

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.

Menu personnalisé

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 socopedic

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.

Procomedic

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.

0 réponses

Ajouter un commentaire

Rejoindre la discussion?
N'hésitez pas à contribuer !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *