Simpl Vintage

Simpl Vintage, une marque de vêtements d’occasion, a besoin d’un site simple pour promouvoir l’ouverture de son showroom dans quelques semaines.  Mon manager, Charles, m’a envoye les détails par mail :

Bonjour,
Je t’envoie en pièce jointe le cahier des charges du site de Simpl Vintage. Il contient :

• les wireframes des 5 pages envoyés par le client ;
• les spécifications fonctionnelles de chacune des pages.

Je te joins aussi le dossier des fichiers sources utiles pour le site (images et palette de couleurs).

2 précisions importantes cependant :

• Pour la page “Actualités” : une rédactrice sera dédiée à cette rubrique : il faut qu’elle puisse créer et éditer des articles mais elle ne doit pas avoir l’autorisation de publier elle-même.
  • Il faudra donc que tu lui crées un compte dédié avec les bons droits.

• Pour la page “Mentions légales et Politique de confidentialité” : elle sera renseignée par la suite par notre service juridique.
  • Il faudra donc que tu crées pour l’instant une page avec du contenu de remplacement de type Lorem Ipsum (on utilise généralement ce générateur de contenu).

Quelques recommandations additionnelles :

• Il faudrait que tu utilises WordPress pour la création du site, et Elementor comme page builder. Commence par travailler en local sur ton poste, et on fera une sauvegarde avec le plugin “All-in-One WP Migration” pour la mise en ligne par la suite.
• Puisque nous n’avons pas de maquettes haute-fidélité, tu restes très libre sur l’interface. Le mieux est donc que tu choisisses un thème WP qui se rapproche le plus possible des besoins du site et des wireframes, pour gagner du temps (n’utilise pas le thème par défaut, il n’est pas adapté). Puis il faudra que tu crées un thème enfant, et que tu le personnalises autant que nécessaire.

Quand tu auras terminé, envoie-moi une capture d’écran du site en local au format PNG, et un fichier de sauvegarde All-in-One WP Migration au format WPRESS.

Hâte que tu me présentes tout ça !

Merci beaucoup et bonne journée,

Charles Guzo
Chef de projet développement web

Cahier des Charges

Ce document définit les exigences fonctionnelles et techniques pour la création du site web de Simpl Vintage, un showroom dédié à la mode vintage et écoresponsable. Le site comprendra cinq pages principales, chacune avec des caractéristiques spécifiques alignées sur les besoins de la marque et les attentes des utilisateurs.

Spécifications Générales

• Typographies : Utilisation exclusive de la police Montserrat, avec liberté sur les tailles de police.
• Palette de Couleurs :
  • Or : #C39800
  • Navy : #060957
  • Crème : #FFF8EF

Détail des Pages

1. Page d’Accueil
   • Menu de Navigation : Inclut le logo de l’agence, des liens vers les différentes pages et les liens des réseaux sociaux (Facebook, Instagram).
   • Diaporama : Trois images initiales (extensibles) avec un bouton d’appel à l’action “Contactez-nous” sur chaque slide.
   • Texte de Présentation : Description de l’offre de Simpl Vintage et de sa mission écoresponsable.
   • Call-to-Action : Bouton vers la page de contact, avec icône d’enveloppe.
   • Footer : Reprend les éléments de navigation et inclut les mentions légales.
2. Page Galerie Photos
   • Affichage de 16 images en 4 lignes de 4 images, avec adaptation responsive en fonction de la taille de l’écran.
   • Les vignettes doivent avoir des coins arrondis.
3. Page Actualités
   • Liste des articles par ordre chronologique, affichés par lignes de 3.
   • Pagination après 9 actualités.
   • Chaque actualité comprend une image, un titre, la date de publication et un résumé.
4. Page Article
   • Affichage du titre, d’une image large, de la date et du contenu de l’article.
   • Les catégories et auteurs ne sont pas affichés.
5. Page Contact
   • Formulaire de contact avec champs pour nom, prénom, société (facultatif), e-mail, sujet, message et acceptation de la politique de confidentialité.
   • Intégration d’un plan Google Maps centré sur l’adresse de Simpl Vintage.

Directives Techniques

• Wireframes : Les wireframes fournis détaillent l’agencement et les éléments requis pour chaque page.
• Validation : Le code doit être conforme aux standards W3C pour HTML et CSS.
• Responsive Design : Le site doit être adaptatif, avec des considérations spécifiques pour les versions tablette et mobile prévues ultérieurement.
• Envoi de Formulaire : Les formulaires doivent fonctionner correctement, avec gestion des erreurs et confirmation d’envoi réussi.

Ce cahier des charges vise à fournir une base solide pour le développement du site web de Simpl Vintage, assurant une expérience utilisateur optimale tout en respectant l’identité de marque et les objectifs de durabilité de l’entreprise.