Planty

Description

En tant qu’intégrateur WordPress au sein de notre agence web, je suis responsable du développement du site vitrine pour Planty, une marque émergente de boissons énergétiques à base de plantes.

Planty cherche à établir une présence en ligne pour présenter ses produits et initier des précommandes. Bien que leur vision à long terme inclue le lancement d’une plateforme e-commerce, ce projet se concentre initialement sur la création d’un site vitrine.

Dans le cadre de cette initiative, je collabore étroitement avec Clara, notre chef de projet dédié au compte de Planty, ainsi qu’avec Idriss, notre designer UI, qui a conçu les maquettes du site.

Nous avons récemment tenu notre première réunion de projet pour aligner nos objectifs et planifier les étapes à suivre. Suite à cette réunion, Clara m’a transmis par e-mail les détails essentiels et les instructions spécifiques pour le développement du site.

Salut,

Comme promis,

Je te joins le document des spécifications fonctionnelles avec toutes les informations nécessaires au développement du site. Je te joins également la maquette, sur laquelle tu trouveras les assets à utiliser (pense bien à te connecter à Figma pour pouvoir télécharger les images).

Une fois que tu auras terminé, il faudra que tu m’envoies un export du site et de la base de données pour que je puisse l’envoyer au client.

Bon développement pour ce nouveau projet !

Clara

Spécifications Fonctionnelles

Ce document détaille les exigences pour le développement d’un site web pour une entreprise, en utilisant WordPress comme système de gestion de contenu. Le projet vise à garantir une expérience utilisateur optimale sur divers appareils, tout en facilitant la gestion du contenu par les administrateurs du site.

Généralités
  • Plateforme : WordPress.
  • Responsive Design : Le site doit être entièrement responsive, assurant une compatibilité avec les écrans desktop, tablette, et téléphone (à partir de 320 pixels).
  • Versionnage : Utilisation de Git et GitHub pour le versionnage du projet.
  • Conformité W3C : Le code HTML et CSS personnalisé doit être validé par le W3C. Les thèmes et plugins tiers ne sont pas soumis à cette exigence.
Pages à Développer
  1. Page d’Accueil : Présentation de l’entreprise, des produits offerts et des avis clients.
  2. Page “Nous Rencontrer” : Détails sur l’équipe avec un formulaire de contact intégré.
  3. Page “Précommande” : Fonctionnalité permettant aux utilisateurs de créer une précommande.
Maquettes
  • Les designs des pages sont fournis via Figma, avec un prototype interactif disponible. Il est crucial de respecter fidèlement ces maquettes pour la version desktop. Les adaptations pour tablettes et smartphones sont laissées à la discrétion du développeur.
  • Le lien vers les mentions légales peut rediriger vers une page vide ou la page d’accueil, en attendant la rédaction finale de ces mentions.
Administration du Site
  • Gestion du Contenu : Le site doit permettre une modification facile du contenu (images et textes) sans nécessiter de compétences en programmation.
  • Fonctionnalité des Formulaires : Les formulaires de contact et de précommande doivent être pleinement opérationnels, avec une configuration pour envoyer les données saisies à l’adresse email spécifiée ([email protected]).
  • Visibilité du Lien Admin : Le lien d’administration doit uniquement apparaître pour les utilisateurs connectés à WordPress, impliquant l’utilisation d’un hook WordPress pour cette fonctionnalité.
Directives Techniques Supplémentaires
  • Adaptabilité : Le site doit offrir une expérience utilisateur cohérente et de qualité sur tous les appareils, en s’adaptant automatiquement à la taille de l’écran.
  • Accessibilité : Veiller à ce que le site soit accessible, en suivant les bonnes pratiques d’accessibilité web.
  • Sécurité : Assurer la sécurité du site, notamment en ce qui concerne les données utilisateurs et les interactions avec les formulaires.
  • Optimisation : Le site doit être optimisé pour les moteurs de recherche (SEO) et présenter des temps de chargement rapides.

Ce cahier des charges vise à fournir une base claire pour le développement du site web, en assurant que le produit final réponde aux besoins de l’entreprise tout en offrant une expérience utilisateur optimale.

Details
  • Date: octobre 18, 2023
  • Categories: Formation WordPressWordPress
  • technologies: WORDPRESS
  • ELEMENTOR
  • PHP
  • CSS3
  • maquette: LINK
  • github: LINK
  • hebergement: O2SWITCH
  • url: planty.jeremyteurterie.com