claudie lesoudard

ÉTUDIANTE EN DESIGN DE COMMUNICATION

SITE WEB

woove

Lors du cours d’intégration Web, j’ai réalisé un site internet pour un réel client : Woove, le site pour l’atelier d’Adrien toussaint, un jeune luthier.
Pour se lancer dans son activité́ il a besoin de communiquer et d’être visible sur le web. Il souhaite réaliser des instruments sur mesure et unique dont ses clients pouront choisir avec lui chacune des pièces.

Ce site doit être fonctionnel sur le web mais aussi sur mobile. J’ai choisi de coder le site en HTML, CSS et JQuery et je lui ai proposé́ un graphisme simple et épuré́ mais surtout intemporel pour ne pas avoir à changer d’identité́ dans les années à venir.

la charte graphique

J’ai d’abord réalisé une charte graphique simple.

Concernant le naming , j’ai proposé le nom Woove : c’est un mot simple qui permet de se démarquer des autres luthiers. Woove est la contraction de Wood, le bois, et du mot Groove. Le tout donne Woove, chouette en anglais, dans le sens cool, sympa. J’ai rajouté la phrase “L’artisan du groove” pour rappeler son coeur de métier, mais aussi pour rajouter la touche jeune et sympathique.

Le logo lui représente une coupe de bois, afin notamment de savoir de quoi il s’agit au premier coup d’oeil. Le bois du logo représente également un gage de qualité. La charte graphique est simple : un camaïeu de marron et une typographie dynamique, pleine de rondeur pour les titres.

le site

Pour le site, j’ai donc réalisé dans un premier temps les maquettes du site et j’y ai appliqué la charte.

J’ai ensuite codé le site à la main en utilisant le HTML, CSS, Jquery. J’y ai également ajouté du PHP afin de faciliter la liaison entre chacune et également créer des modules tels que l’envoie des mails ou la réservation d’instruments.

Concernant le module de customisation d’instruments, il permet au client de cocher les options qu’il souhaite et l’instrument s’actualise automatiquement. Il en est de même avec le récapitulatif et le prix. Par la suite le site permettra de réaliser automatiquement un devis en PDF envoyé par mail.

Le site est entièrement responsive grâce au framework CSS Bootstrap.

> voir le site
> retour au portfolio