Participation à la refonte et à la création de pages des sites d’ALS

(Site interne Marelationclient, Action Logement Services...) Une de mes missions était la refonte ou création d’interface de pages web. On me donnait un brief plus ou moins détaillé et la plupart du temps je réalisais plusieurs propositions (parfois nous étions plusieurs à faire des propositions). Soit je réalisais ce qu’on appelle des zonings, soit des wireframes, soit des maquettes directement. Pour cela, j’utilisais le logiciel Adobe XD pendant la 1ère année et Figma par la suite. Après avoir élaboré les maquettes et prototypes, j’envoyais les liens de tests utilisateur aux personnes à l’origine de la demande. Par la suite il y a tout un échange de retours, modifications et validations.

Créations de bannières gif

Des bannières aux formats différents, gif et/ou png, créées sur Photoshop, des bannières gif dit comme ça, ça a l’air d’une base en design mais c’est quelque chose que j’ai appris à faire lors de cette alternance et maintenant, évidemment je trouve ça simple comme bonjour. Je devais créer des bannières pour afficher les services d’Action Logement et de ses filiales sur des sites affiliés ou via du google display.

Création de visuels/images pour le site (bandeaux, sliders, pages produit, actualités…), les newsletters, etc...

Mise au format d’images, adaptation des images et parfois retouche si nécessaire. Création d'illustrations si besoin sur la base de la charte graphique actuelle.

Print : Création de plaquettes

Vers le milieu de ma première année chez Action Logement Services, on m’a confié des missions en print pour des services avec qui je n’avais pas encore eu l’occasion de travailler. J’ai travaillé sur des fiches pdf, sur de la création de plaquettes institutionnelles à direction des directions régionales, des bailleurs, des collectivitésd territoriales,etc... J’ai été contente de voir que mon travail était apprécié et complimenté par les “clients” internes d'autres services ainsi que par des directeurs. C’est appréciable de travailler sur des documents qui ne vont pas simplement rester dans un coin mais être présentés à des personnes importantes dans l’entreprise. Pour la création de ces documents, j’utilisais principalement Adobe Indesign et/ou illustrator pour les illustrations/icônes.Durant ma deuxième année, le print a été bien moins présent, avec ma tutrice nous nous sommes davantage consacrées à la partie UX de notre métier afin de devenir plus que le pôle design, un pôle UX. Cela m’a permis de me rendre compte que j’aimais travailler sur du print, ça m’a un peu manqué cette année.

Mise en ligne d’actualités sur Drupal (HTML)

J’avais parfois comme mission de mettre en ligne des actualités sur le site Action Logement Services via le CMS Drupal. J’avais une fiche qui contenait tous les textes à insérer et une image et ensuite je n’avais plus qu’à intégrer tout ça en faisant bien attention à la mise en page et y insérant toujours un call to action en html à la fin.

Création de maquettes d’emailings (newsletter entreprise…)

J’ai eu quelques sujets d'emailing à refondre ou à créer. Cela allait aussi bien des newsletters destinées aux entreprises, des emails de notifications pour les différents sites filiales d’Action Logement, des emails externes… Pour ces mailings je créais les maquettes depuis Adobe XD puis figma en suivant des formats spécifiques et en gardant une cohérence par rapport à l’existant tout en apportant ma touche personnelle. C'était un “exercice” intéressant, en créant des maquettes destinées à de l'emailing, on prend davantage conscience qu’il y a des règles sur le web à ne pas négliger, la taille des typos, les typographies utilisées, les formats d’images, les couleurs, la dimension même du mail et bien d’autres critères auxquels on doit réfléchir avant de se lancer. Pour certains e-mailings avant de commencer, je devais me renseigner sur la faisabilité de sa mise en place pour savoir, par exemple, si mettre un texte sur une image était possible ou non. Étape très importante également, j’essaye toujours de regarder ce qu’il se fait dans les tendances, les bonnes pratiques UX/UI de l’emailing avant d’attaquer mes maquettes. Ensuite, la maquette est transmise pour intégration.

Recherche de visuels, pictos

Recherche d’images ou d’illustrations sur Adobe Stock toujours en respectant la charte graphique d’Action Logement Services bien sûr. Création de bibliothèques par thème de travail, par exemple “Mobili jeune”, “Aide Visale”, “Aide jeunes”, etc… Création de documents prêts à l’emploi, récupération des pictos vectorisés sur la bibliothèque, préparation des pictos, bonne taille, bonne graisse, déclinaisons de plusieurs couleurs, et le tout en respectant une grille. Exportation des pictos prêts pour le web, avec des id spécifiques etc. Souvent ce n’est pas simplement de la recherche d’images mais il y a tout un travail derrière.

Création de vidéos pour mise en ligne sur le site et YouTube

Une mission qui est arrivée seulement la deuxième année, c’est la création de vidéos à destination du site et du compte Youtube d’Action Logement Services. J’ai pu créer de courtes vidéos mettant en avant les produits et services Action Logement. J’ai du utiliser Playplay, une solution web pour faire du montage vidéo car l’équipe communication utilisait déjà ce site pour les vidéos. Avec After effects, les vidéos auraient été davantage travaillées et dynamiques, mais l’utilisation de playplay était demandée. La content manager m’envoyait un script pour la vidéo, évidemment plein de personnes se permettaient de faire un retour sur le script, ce qui a engendré de nombreux aller-retours, et ensuite je m’occupais de préparer les visuels de la vidéo et de la monter. Plusieurs modifications textuelles étaient souvent demandées après montage, ce qui me donnait inutilement du travail en plus, mais bon ça c’est encore une histoire de mauvais processus dans l’entreprise. Et enfin je pouvais livrer à mon manager la vidéo afin qu’elle soit mise en ligne. J’ai plutôt apprécié travailler sur ce genre de missions et j’espère continuer à travailler sur de la vidéo.

Audit UX/UI, benchmark, création de personas

Travail de recherche et d’analyse dans le détail pour certains sites d’Action Logement (Action Logement Services et ….). Souvent, je faisais de la recherche de concurrents, pour m'inspirer de ce qu’ils font de bien, les bonnes pratiques du web, de l’emailing, des plaquettes etc… Pour certains sites, notamment celui d’Action Logement Services, j’ai pu m’occuper de la réalisation d’audits UI et UX afin de détecter les points forts du site, de son expérience et de son aspect visuel ainsi que ses axes d'amélioration. Pour la refonte du site ALS, j’ai du créer des personas, des users stories, des users stories mapping. Lors de ma deuxième année d’alternance, j’ai eu l’occasion de travailler encore plus sur la partie UX des différents projets. En plus de ce que je viens d’énumérer, j’ai eu l’occasion d’interviewer des utilisateurs, d’analyser leurs retours, de faire des ateliers d’idéation et de générations d’idées.