Janus
Projet académique – Site sur un influenceur
Audacieux – Glamour – Affirmé
Contexte & problématique
Pour ce travail individuel, on devait faire appel à notre réflexion critique, conception graphique et développement web.
La problématique centrale du projet était de concevoir une interface numérique cohérente et accessible, capable de présenter un point de vue structuré autour d’un influenceur. Le projet devait à la fois valoriser, questionner et objectiver cet influenceur.
Objectif du projet
- Concevoir un site web multipages
- Présenter un contenu promotionnel, critique et factuel
- Site responsive
- Avoir une DA cohérente
Étapes du projet
Choix de l’influenceur
C’est la première étape mais sûrement la plus dure car tout le travail porte sur cet influenceur donc il fallait faire le bon choix. Une question à se poser avant de choisir c’était : est-ce que je prends un influenceur que j’adore et où je vais avoir plus de difficultés à trouver des choses négatives ou alors choisir quelqu’un qu’on ne connaît pas du tout.
Moi, mon choix s’est arrêté sur Gaëlle Garcia Diaz, une influenceuse belge. Et aussi il fallait que chaque étudiant ait un influenceur différent.
Récolter les données
Une fois l’influenceur validé par l’ensemble des professeurs, j’ai pu passer à l’étape de la recherche de données. Il nous fallait des données chiffrées sur le nombre d’abonnés, le nombre de personnes avec qui elle travaille et ce qu’elle gagne.
Il fallait aussi des données telles que ses marques, ses passions, son passé, sa famille et son travail en général. Si elle apparaît sur plusieurs plateformes comme YouTube, Instagram ou TikTok, il fallait également observer les contenus qu’elle réalise sur chacune d’entre elles.
J’ai rassemblé tout ça dans un Google Doc et puis j’ai mis des couleurs en fonction de la page où les données allaient être mises.
Faire le Figma
Une fois que j’ai trouvé toutes les données qu’il me fallait, j’ai pu faire mon Figma. Le Figma est très important dans mes projets parce que j’adore faire le design des projets.
Grâce au Figma, je peux voir si mes idées sont réalisables ou pas en code. Je peux également faire des essais et des erreurs de design. Figma me permet aussi de garder une trace de tous mes essais. Comme ça, si pendant le design final je préfère une ancienne version ou un petit bout, je peux le reprendre.
Ici c’était assez facile car pour la page d’accueil je me suis inspirée de sa DA et pour les deux autres pages j’ai fait en noir et blanc pour contraster avec son côté extravagant.
Coder le site
Place à la dernière étape du projet, c’est-à-dire le site web. C’est un site web assez simple à faire, je n’ai pas mis beaucoup d’animations parce qu’à ce moment de l’année je n’étais pas encore très à l’aise avec ça.
Mais je maîtrisais davantage l’intégration web basique HTML/CSS/JS et les bases du développement web.
Au final je n’ai pas validé la partie code du projet, mais depuis j’ai pu m’améliorer sur la partie code que je connaissais moins. Au début c’est dur de voir qu’on rate des parties mais au final, à force d’entraînement, on peut s’améliorer.
Visuel du projet
