Mise en contexte et rôles

Des clients possédant déjà un site web contactent votre équipe, car ils désirent effectuer une refonte de leurs sites. Il est important pour eux d’avoir un site web bilingue et responsive affichant bien autant sur mobile (375px), tablette (768px) que sur un ordinateur classique (1400px) (c'est en fait du 1920px mais outre la section "héros", c'est plutôt rare qu'un site s'étend réellement sur toute la largeur de l'écran).

Les clients sont habitués à WordPress et ont exprimé leur désir de conserver cette plateforme afin de modifier facilement le contenu de chacune de leurs pages.

Clients

Vous devez faire un choix parmi quelques clients que j'ai pré-sélectionnés et pour lequel vous devrez proposer un design et réaliser la refonte de leur site web.

Vivre en ville

Vivre en Ville est une organisation québécoise qui se consacre à l'aménagement durable des villes et des territoires.

Par ses actions, Vivre en Ville stimule l'innovation et accompagne les décideurs, les professionnels et les citoyens dans le développement de milieux de vie de qualité, prospères et favorables au bien-être de chacun, dans la recherche de l'intérêt collectif et le respect de la capacité des écosystèmes.

Ligue des droits et libertés

Ligue des droits et libertés (LDL) est un organisme qui vise à faire connaître, à défendre et à promouvoir l’universalité, l’indivisibilité et l’interdépendance des droits reconnus dans la Charte internationale des droits de l’Homme. La LDL est affiliée à la Fédération internationale pour les droits humains (FIDH).

Depuis sa fondation, ses actions visent l’ensemble de la population de même que certains groupes placés, selon différents contextes, en situation de vulnérabilité: personnes réfugiées et immigrantes, autochtones, femmes, personnes ayant des limitations fonctionnelles, personnes assistées sociales, etc.

Fédération des locataires d'habitations à loyer modique du Québec (FLHLMQ)

FLHLMQ : Cet organisme soutient les locataires de HLM au Québec. La mission de la FLHLMQ est :

  • de promouvoir et défendre les intérêts des locataires et travailler à l’amélioration de leur qualité de vie;
  • d’apporter un soutien au travail réalisé localement par les associations de locataires;
  • de favoriser l’implication et la prise en charge des locataires dans les HLM;
  • de représenter les locataires auprès des instances politiques et administratives.
Comment faire une refonte et proposer des améliorations notables pour le site web de votre client?
  1. Refonte complète du design graphique : Moderniser le design avec une palette de couleurs plus actuelle, une typographie plus claire et lisible, et une mise en page aérée qui utilise efficacement les espaces blancs. Des éléments visuels comme des images de haute qualité et des icônes modernes pourraient également rendre le site plus attrayant.
  2. Amélioration de la navigation : Revoir la structure de navigation pour qu’elle soit plus intuitive. Organiser le contenu par grandes thématiques avec des menus déroulants clairs et logiques. Ajouter une barre de recherche efficace en haut de chaque page pour faciliter l'accès à l'information.
  3. Optimisation mobile : Adapter le site pour qu’il soit totalement responsive, c’est-à-dire qu’il s’ajuste parfaitement à la taille de l’écran utilisé. Cela inclut une réorganisation des menus, une taille de police adaptée et des boutons de navigation suffisamment grands pour être facilement cliquables sur un écran tactile.
  4. Hiérarchisation du contenu : Appliquer une hiérarchie visuelle plus forte avec des titres clairement distincts des sous-titres et du corps du texte. Utiliser des tailles de police et des styles différents pour guider l’utilisateur dans la lecture et faciliter la compréhension des informations.
Rôles dans l'équipe

Tous les membres de l’équipe participeront à tous les aspects du site: designer, intégrateur, développeur HTML, CSS et JS etc. Cependant, en plus de toucher à tous les aspects du site, chaque membre portera un deuxième chapeau.

Les membres de l’équipe devront décider entre eux de la distribution des rôles.

Ce deuxième rôle n’implique pas de s’occuper entièrement d’un aspect du site, mais bien d’être la référence au sein de son équipe concernant cet aspect tout au long du projet.

Project Owner (PO) & Scrum Master

Le PO est en quelque sorte celui qui coordonne l'équipe. Il s'assure du bon déroulement du projet en monitorant sa progression et s'assure que les éléments ayant le plus de valeurs aux yeux du client soient réalisés en ajustant continuellement la priorité des cartes dans le backlog.

  • Création du tableau Trello, invitation des membres de l'équipe et du client.
  • Élaborer un plan d'organisation des tâche par libellé.
  • À chaque semaine organiser un "Daily Scrum" et s'assurer du bon déroulement de la rencontre.
  • Priorisation des tâches qui se trouvent dans la colonne "À faire".
  • S'assurer de façon hebdomadaire que les tâches du tableau sont à jour, qu'aucun membre ne travaille sur plus d'un billet à la fois et de réajuster la priorité des billets.
  • etc.

Le candidat idéal est du genre à ne manquer aucune remise dans ses cours, à utiliser pour vrai l'agenda dans son cellulaire📱 et à prendre des notes afin de ne rien oublier 📝.

Designer & Assurance Qualité (QA)

Le designer s'assure de l'apparence visuelle tout au long du projet et entant que QA, il s'assure que chaque élément considéré terminé par un de ses collègues est réellement terminé comme il se doit.

  • Finalisation du moodboard, du guide de style et de la maquette de la page d'accueil.
  • Déclinaison de la maquette de la page de nouvelle à partir des styles établis.
  • Validation de l'harmonie entre les différentes composantes du site.
  • Validation du respect des critères d'acceptation de chaque requis, de chaque tâche.
  • Tests de contrôle de la qualité sur différentes plateformes et navigateurs.
  • etc.

Le candidat idéal est capable de faire la différence entre Helvetica et Times à l'oeil nue 👁, se laisse guider par son coeur ❤️ et son instinct et n'a pas peur d'aller à contre courant.

Développeur Back-end & DevOp

Le développeur back-end s'assure de faire le pont entre le CMS (WordPress) et les mises en page HTML, CSS et JS. En tant que DevOps, il s'assure aussi de la gestion du repo GitHub et des déploiements en ligne.

  • Création du repo GitHub, invitation des membres de l'équipe et du client.
  • Veiller à ce que tous les membres de votre équipe nomme bien chaque commit git ET commente leur code.
  • Création du fichier .gitignore.
  • Lead à la dynamisation des pages avec PHP (même si tout le monde doit y travailler).
  • etc.

Le candidat idéal se laisse guider par la logique 🧠, n'a pas peur de WordPress et épate ses camarades avec son utilisation de raccourcis clavier ⌨️.

Requis Avant la fin de la journée, vous devez m'envoyer un message Teams m'avisant de la constitution de votre équipe. Chaque équipe sera constituée de 3 membres (pas d'équipe de 4 à cette étape). Vos équipes seront alors acceptées ou modifiées par moi-même dans un délai de 24h. Vous ne pourrez pas refuser ma ré-organisation d'équipe le cas échéant. Je dois simplement m'assurer d'un équilibre et l'équité pour tous dans la mesure du possible. Suite à la confirmation des équipes, vous devrez m'envoyer AVANT lundi, toujours via Teams :
- le nom de votre équipe,
- le rôle de chacun des membres dans celle-ci,
- le jour de la semaine ainsi que l'heure à laquelle vos mêlées auront lieu (+ info ici: Mêlée).