Aide à la Réussite

Collectif

Design

décembre, 2024

Mockup d’un ordinateur portable affichant la page d’accueil de la refonte du site "Aide à la réussite", avec un design moderne, des couleurs orangées et des éléments graphiques circulaires entourant une image d’étudiants travaillant en groupe.

Dans le cadre d’un projet collectif, nous avons travaillé en groupe de quatre, chacun apportant son expertise : communication, développement web et design. Parmi les huit projets proposés, nous avons choisi de nous concentrer sur la refonte du site web dédié à l’aide à la réussite. Ce site a pour vocation de soutenir les étudiants en difficulté dans divers domaines, tels que la santé, le sommeil ou encore les études. Pour cette première phase, j’ai personnellement conçu la maquette de cette refonte, en retravaillant intégralement l’identité visuelle, l’ergonomie et l’accessibilité du site afin de le rendre plus intuitif et attrayant.

test4

Mockup d’une carte de visite orange avec la mascotte du site "Aide à la réussite" au centre, entourée de courbes blanches et du texte "Aide à la Réussite" en caractères gras et modernes, posée sur le bras en bois d’un fauteuil rembourré.

test

Mock-up de l’application mobile Aide à la Réussite affichée sur quatre smartphones, avec quiz, articles et espace de discussion pour accompagner les étudiants dans leur réussite.

test2

Motif graphique abstrait avec des lignes courbées orange et bleues disposées de manière répétitive sur un fond clair, symbolisant le dynamisme et la fluidité.

test5

test6

Un smartphone affichant la version mobile du site "Aide à la réussite", avec une interface moderne et intuitive, montrant une image d’étudiants travaillant ensemble, un texte d’accueil et des éléments graphiques orangés. Le téléphone est tenu par une main à côté d’une fenêtre d’avion.

test3

Présentation des polices de caractères utilisées pour le site "Aide à la réussite" : Raleway en gras pour les titres (80 px à 15 px) et Poppins pour le texte courant (20 px à 12 px), sur un fond blanc.

J’ai entièrement repensé l’identité visuelle du projet, incluant la création d’une mascotte pour accompagner les étudiants et d’un motif graphique dynamique pour plus de modernité. Les couleurs, typographies et visuels ont été soigneusement sélectionnés pour répondre aux attentes des jeunes. J’ai également conçu une maquette complète comprenant une page profil, des pages de contenu, un quiz interactif et une interface innovante destinée à intégrer une intelligence artificielle.

Ce projet a été une expérience enrichissante qui m’a permis de développer mes compétences en design graphique et UX/UI. J’ai repensé l’identité visuelle, de la mascotte au choix des couleurs et typographies, tout en créant une maquette complète incluant des pages de contenu, un quiz interactif et une interface pour l’intelligence artificielle. J’ai appris à mieux gérer un processus de création, à répondre aux besoins d’une cible spécifique et à produire des designs esthétiques et fonctionnels. Ce projet m’a également permis d’affiner ma créativité et ma rigueur dans les détails. Je ressors de cette expérience plus confiante et motivée pour relever des défis encore plus ambitieux à l’avenir.

Image montrant un mockup téléphone du projet