Besoins du client :
La bijouterie PAU-ANTIGNAC voulait un site internet proche de ses clients, parlant de l’artisanat en apportant des informations techniques relatives au cœur de métier. Elle désirait également présenter de façon non exhaustive quelques créations du joaillier par domaine (bagues, pendentifs, boucles, bracelets…). Enfin, il était souhaitable de montrer le travail de l’artisan par le biais de photos prises dans l’atelier.
Objectifs :
- Concevoir une identité graphique sur le thème de l’artisanat
- Développer le site en HTML5 , CSS3 et PHP5
- Apporter des animations sobres en Javascript (Jquery)
Contraintes techniques et solutions apportées :
Le site devait être adaptatif (responsive web design) afin d’être accessible à partir de n’importe quel appareil (ordinateur, tablette, smartphone) sans perte d’information ni concession sur la qualité du design. L’utilisation des media-queries a permis de proposer un seul site adaptable sur tout support.
Le javascript devait être développé en mode « non intrusif » afin de délivrer les mêmes services aux utilisateurs ayant désactivé ce langage sur leur navigateur.
Le site devait respecter les normes et standards du W3C et pouvoir passer la validation HTML avec succès.
Il était demandé de respecter également les règles d’accessibilité WCAG 2.0 (level A) pour ne pénaliser personne.
Enfin, le site se devait d’être correctement référencé afin d’être trouvé aisément grâce aux moteurs de recherche. Un référencement naturel a donc été mis en place essentiellement basé sur une sémantisation du HTML, une utilisation des microformats, et l’intégration de liens avec les pages Google Adresses.
Utilisation de photos de l’atelier en affichage plein écran
Page présentée : Accueil
Gestion des pages en transparence
Pages présentées : Histoire de la maison, Présentation de l’atelier
Diaporama pour le book : développement spécifique
Page présentée : Créations Bagues
Adaptation sur tablettes et smartphones
