Le client a émis une liste de requis qu’il souhaite avoir sur son site. Ses demandes ont étés évaluées par votre équipe à un total de 80 points. Afin que le client accepte le produit qui lui sera livré, vous devrez couvrir un minimum de ses demandes.
Ainsi, les 35 premiers points que vous réaliserez vous permettront de maintenir votre relation d’affaires avec le client. Tout point subséquent vous permettra de mettre la main sur 1% de votre session, jusqu’à concurrence de 35%, soit le total alloué à la réalisation du projet de session.
Par principe d’équité, ce calcul est légèrement différent pour les équipes de quatre. 40 points de base devront être fait. Les 40 points suivants seront ensuite ramenés sur 35 via une règle de trois afin de déterminer la note allouée sur 35%.
Math rapides
Donc pour obtenir 100% mon équipe n'a pas besoin de réaliser 80 points, mais seulement 70?
Exact si vous êtes 3!
80 si vous êtes 4.
Que se passe-t-il si nous dépassons 70 points?
Ces points sont soustraits de votre total… je plaisante 🤡.
Votre client est heureux, vous apprenez plus et vous avez un projet plus intéressant à inclure dans votre portfolio!
De combien de points mon équipe à t-elle besoin pour obtenir 60%?
56 points si vous êtes 3.
64 points si vous êtes 4.
Généraux
Toutes les pages du site doivent-être responsive: 375px, 768px et 1200px. [6pts]
Les pages du site doivent affichez correctement sur les navigateurs: Chrome, Firefox et Edge. [4pts]
Site bilingue sur toutes les pages. Si un contenu n'est pas disponible en anglais sur le site, traduisez-le via Google traduction. [4pts]
Permettre de populer les
og:title,og:descriptionetog:imagede chaque page. [2pts]Création d’un fichier variables.scss contenant minimalement 5 variables. [1pts]
Chaque composante doit avoir son propre fichier SCSS.
Minimum de 10 composantes. [2pts]Création d'un héros générique contenant une image et un titre. [0,5pts]
Création d'une composante permettant d'afficher le contenu du champ description. [0,5pts]
Entête
Le logo du client doit être cliquable et pointer vers l'accueil. [1pts]
Navigation vers les 5 pages autres que accueil et 404. [1pts]
Possibilité de modifier la navigation à partir de WordPress. [3pts]
Effet de survole pour chacun des liens dans la navigation. [1pts]
Avoir un bouton de dons se démarquant des liens de la navigation et menant vers une page externe de dons. [1pts]
Tous les liens de la navigation doivent être masqués dans un menu de type hamburger 🍔 par défaut et devenir visibles en tout temps à partir de la résolution tablette ou ordinateur classique (à votre discrétion). [3pts]
Avoir un bouton de changement de langue fonctionnel. [1pts]
Animer le menu hamburger au survole avec GSAP. [1pts]
Pied de page
Le logo du client doit être cliquable et pointer vers l'accueil. [1pts]
Logo des partenaires. [1pts]
Contrôler les logos des partenaires via WordPress et permettre l'ajout de lien sur chacun d'eux. [2pts]
Bouton de dons menant sur la page externe de dons. [1pts]
Inclure les liens vers les pages de réseaux sociaux du client. [1pts]
Informations de contact du client [1pts]:
Téléphone
Courriel
Adresse physique
etc.
Lorsque cliquée, l'adresse physique du client doit ouvrir Google Map et affichez le bon endroit. [1pts]
Affichez un symbole de droits d'auteur suivis de l’année (ex: ©2020), du nom du client et de votre équipe. [1pts]
Accueil
Création d'un héros contenant un carrousel. [2pts]
Section affichant un aperçu des services offerts se populant à partir de ces pages. [2pts]
Section affichant les 3 plus récentes nouvelles se populant à partir de ces pages. [2pts]
Bloc affichant un témoignage. [1pts]
Bloc de dons contenant une animation GSAP élaborée utilisant une timeline. [2pts]
Hub de nouvelles
Utilisez la composante de héros générique. [0,5pts]
Affichez 6 cartes d'aperçu des nouvelles les plus récentes à l'aide d'un fetch au REST API de WordPress. Ces cartes doivent-êtres cliquables et pointer ver la page de nouvelle en question. [3pts]
Ajoutez un effet de survole aux cartes. [1pts]
Permettre de choisir l'ordre d'affichage des nouvelles (des + récentes aux + anciennes et vice-versa) via un menu déroulant. [2pts]
Bouton "Voir plus de nouvelles" permettant d'aller chercher les 6 nouvelles suivantes. Ce bouton doit disparaitre lorsqu'il ne reste plus de nouvelle à aller chercher. [2pts]
La 1re nouvelle doit avoir une apparence différente des autres nouvelles afin de la faire ressortir du lot. [1pts]
Détail de nouvelle
Créez un héros de nouvelle contenant un titre, une image, une date et une catégorie. Chaque héros de nouvelle doit changer légèrement d'apparence en fonction de sa catégorie.
Par exemple, avoir un élément changeant de couleur, une icône différente, etc. [2pts]Importez le contenu de 13 pages de nouvelles minimum. [2pts]
Affichez la composante de description de base. [0,5pts]
Incorporez au moins 6 microdonnées de nouvelle. [1pts]
Bloc cliquable en fin de page permettant de voir un aperçu de la prochaine nouvelle. [1pts]
Hub de services
Utilisez la composante de héros générique. [0,5pts]
Affichez la composante de description de base. [0,5pts]
Affichez des cartes d'aperçu des différents services offerts. Ces cartes doivent-êtres cliquables et mener vers la page de service en question. [2pts]
Détail de service
Utilisez la composante de héros générique. [0,5pts]
Affichez la composante de description de base. [0,5pts]
Bloc cliquable en fin de page permettant de voir un aperçu du prochain service. [1pts]
Équipe
Utilisez la composante de héros générique. [0,5pts]
Affichez la composante de description de base. [0,5pts]
Chaque membre d'équipe doit avoir un post séparé dans WordPress [1pts]
Affichez tous les membres d'équipe: [1pts]
Nom
Poste
image (si absent, utilisez une photo de ThisPersonDoesNotExist.com)
Chaque membre d'équipe doit-être cliquable afin d'ouvrir un modal contenant plus d'information sur cette personne. Par exemple, une biographie. Si aucune information supplémentaire n'est disponible, affichez un paragraphe de Lorem Ipsum. [2pts]
À propos
Utilisez la composante de héros générique. [0,5pts]
Affichez la composante de description de base. [0,5pts]
Histoire
Utilisez la composante de héros générique. [0,5pts]
Affichez la composante de description de base. [0,5pts]
Erreur 404
Affichez le texte “Erreur 404”. [1pts]
Incorporez une animation GSAP élaborée utilisant la timeline soulignant que la page n'a pas été trouvée. [1pts]