[2] [Ecolyo.com] Modification de contenu

• Contexte
• Objectif
• Ressources
• Tâches
  • Global :

Contexte

Ecolyo.com va évoluer pour répondre à plusieurs enjeux :

• amélioration du référencement
• amélioration de l'accessibilité
• évolution du contenu et des messages qu'on souhaite faire passer

Objectif

• Modifier selon maquette et règles : https://www.figma.com/file/3cnoMNGpwB9KLtsf19RKDC/Ecolyo-%5BMaquettes%5D?type=design&node-id=5793-24131&mode=design&t=EzdHq93pAPj20okA-4
• Re-tester le parcours de deux utilisateurs (souhaitant se reconnecter ou créant son compte)
• Tester sur différents supports (ordinateur, téléphone, tablette) -> Check si sur ordi petits écrans le site reste en mode desktop

Ressources

A discuter :

• Picto fluides évolution (... dans le reste du service ?)
• Fonctionnement carroussel (mobile? Desktop ?Même fonctionnement ou non ?)
• Fonctionnement "parlez de nous" - Notamment sur mobile

Tâches

Liste des évolutions effectuées par partie :

Global :

• Changement du fond en un gris uni #1B1C22 5ffbbf98
• Séparation des blocs par des filets #383941
• Taille des boutons revus à la baisse
• Harmonisation des tailles de titres
• Modification des visuels de fluide en reprenant les codes graphique existants

Header :

• Partie gauche : Ajout du logo de la métropole avec un filet séparateur entre les deux logos 8a3bbf3c
• Partie centrale : ancres pour des scroll to e28648a7
• Partie droite : actions principales en forme de bouton avec icon e28648a7

Partie 1 :

• Ajout d'un léger dégradé jaune !35 (d07afe04)
• Bouton principal modifié !35 (d07afe04)
• Ajout d'un bouton lien en deuxieme CTA !35 (d07afe04)
• Modification de l'illustration pour alléger la page !35 (d07afe04)

Partie 2 :

• Modification des cards pour les fluides et de leurs tailles 3bbd6d3b
• Modification des visuels des fluides 3bbd6d3b
• Modification de la partie centrale sur Cozy Métropole de Lyon 4c49bde9

Partie 3 :

• Changement de couleur du chiffre 61c0d059
• Ajout d'un contour sur les étapes 61c0d059
• Modification des illustrations 61c0d059

Partie 4 (NEW) :

• Ajout d'un carroussel a02fef1c
• Comportement à définir en terme d'accessibilité
• Les cards sont des liens cliquables a02fef1c

Partie 5 :

• Suppression du téléchargement de flyer 098ec4e8
• Ajout d'un icone et d'un dégradé f33d7640
• Mise en place de boutons pour les réseaux sociaux f33d7640

Encore à traiter:

• Carrousel / dernière partie à faire en version mobile
• Petits fix comme le bouton "Créez-vous un compte"
• Ajouter certaines images dans le carrousel
• Messages / Illustrations derrière boutons réseaux sociaux : Linkedin
• Messages / Illustrations derrière boutons réseaux sociaux : Facebook
• Messages / Illustrations derrière boutons réseaux sociaux : Instagram
• Messages / Illustrations derrière boutons réseaux sociaux : X