Page nouvelle et services-Designer

Cette étape concerne le designer de votre équipe.

Vous devez créer la maquette d'une nouvelle du site de votre client. Autrement dit, une page de nouvelle typique.
Vous devez créer la maquette qui liste tous les services offerts et ce de manière graphique, visuelle et avec un contexte textuel. Vous ne devez pas reproduire ce qu'on voit sur le site, vous devez le proposer de manière claire et attrayante (ou percutante) pour le visiteur.

N'hésitez pas à utiliser l'imagerie (infographies, icônes, illustrations ou photographies etc).

Banques d'images libres de droits fournies dans les ressources du wiki.
Générateurs d’images tels que Midjourney, KlingAI, Dale, le AI d'Illustrator ou Photoshop etc. Dans tels cas, il faut sous-titrer (subtilement) l’image avec la mention source de la création par AI. Si çe ne se palce pas bien sous l'image, vous pouvez ajouter la mention dans le pied de page.

Lorsque vous travaillez sur le projet, n'oubliez pas de démarrer Toggl (votre rapport de temps de travail). Page d'une nouvelle

Pour chaque client, voici l'article de nouvelle devant être utilisé afin de créer votre maquette

Pour le design de l'article de la nouvelle, suivez ces conseils lorsqu'applicable au design. Ne vous en tenez pas qu'à l'image de l'article qui est parfois de piètre qualité. Vous avez le droit d'aller chercher d'autres images mais pas partout, il faut qu'elle soit libre de droit ou vous devez la créditer. S'inspirer de la mise en page d'articles de sites de nouvelles ou articles de blogue. Voici quelques idées:

Liste des services

Pour chaque client, voici l'info que vous devez utiliser pour la liste des différents services offerts.

Vivre en ville
Ligue des droits : Ouvrir le sous-menu de luttes en cours, la liste des liens qui s’y trouvent sera le contenu de cette future page. Dans ce cas-ci, vous pouvez changer le mot "Nos services" par "Nos luttes".
Fédération des locataires d’habitations à loyer modique du Québec (FLHLMQ): Créer une page qui liste des différents services: tout ce qui se trouve sous le menu Activité (excepté le calendrier) et ce qui ce qui se trouve dans Publications.

Ajoutez une description pour chaque service. Par exemple, CCR de la Fédération des locataires, on ne sait pas trop ce que ça signifie... Aidez les visiteurs à mieux comprendre et accéder à l'information qu'il recherche rapidement. Requis Les deux maquettes doivent être réalisées à partir du logiciel Figma dans le même fichier que l'accueil. Ces mquettes doivent être cohérente avec le guide de styles et la maquette de la page d'accueil. Les maquettes doit respecter les requis clients concernant la page de détail de nouvelle et liste des services. Les deux maquettes doivent être faites en deux résolutions :
- mobile (375px)
- ordinateur classique (1400px) Pour la page nouvelle, ajoutez un bloc "Articles similaires" à la fin proposant d'autres articles. Pour la page nouvelle, ajoutez une navigation "nouvelle précédente", "nouvelle suivante" ou une pagination. À votre guise. Pour la page nouvelle, ajoutez un style différent sur “Nouvelles” dans la navigation principale afin d'indiquer à l'usager où il se trouve. Faites la même chose pour "Services", ajoutez un style différent sur "Services" dans la navigation principale afin d'indiquer à l'usager où il se trouve. Inclure un lien parmi le texte de la page de nouvelle afin de visualiser le style d'un lien dans un texte courant. S'il n'y en a pas dans le texte original, créez un lien sur un mot quelconque. Inclure aussi un italique et un gras. Exportez une version PDF de vos maquettes. Remise

Poussez dans le dossier "sources" sur le répertoire GitHub les 4 PDF exportés. Nommez les bien (quelle page et quel format) pour garder une cohérence dans votre nomenclature de fichiers.