portfolio
Ce portfolio a été conçu comme une extension naturelle de mon CV, dans le but de présenter mes compétences et expériences de manière plus visuelle, interactive et personnelle. Sa réalisation m’a permis d’appliquer concrètement les notions abordées durant mon parcours, notamment en communication visuelle, création web centrée utilisateur, et progressive web app.
Ma mission avec ce projet
Un prototype technique doit être réalisé au minimum, en utilisant librement les outils et techniques abordés durant les cours. Ce prototype peut s’inscrire dans le cadre d’un projet personnel, d’un travail de fin d’année ou être développé spécifiquement pour cette unité d’enseignement.
L’ensemble des composants du projet devra être produit avec attention portée à la qualité finale et au respect des bonnes pratiques. Le dossier de production devra permettre de retracer les différentes étapes du projet, en mettant en évidence les itérations et l’évolution du travail.
Présentation du projet
Posséder un portfolio en plus de mon CV papier est pour moi une évidence. Je considère cela comme essentiel pour mes candidatures futures après l’obtention de mon master, une façon de présenter de manière plus captivante mes expériences et compétences.
Dans la réalisation de mon portfolio, j’ai veillé à intégrer une variété d’éléments visuels et créatifs. L’objectif était de garantir une cohérence visuelle, une compréhension claire, et de transmettre efficacement mon identité visuelle. C’était également une opportunité d’appliquer concrètement les concepts appris
au cours de mon parcours académique.
POURQUOI créer un portfolio ?
Le contenu de mon portfolio regroupe diverses informations comme les informations de ma scolarité, mes expériences professionnelles, les outils informatiques que je maîtrise ainsi que mes coordonnées.
Il se distingue par le fait qu’il soit utile, cohérent et en reflétant fidèlement les informations de mon CV.
La direction artistique et l’identité visuelle
les composants
Dans le processus de la conception de mon portfolio, j’ai intégré plusieurs composants sur Figma afin de créer une expérience interactive et dynamique dans le prototype. Ces composants ajoutent une touche vivante et engageante à l’ensemble du projet.
Les vecteurs, soigneusement sélectionnés, sont associés à des interactions qui modifient leurs couleurs lorsqu’on les survole. De même, les icônes des réseaux sociaux et des outils informatiques deviennent subtilement rouges au passage de la souris, créant une réaction visuelle interactive pour les utilisateurs.
Les images de mes expériences professionnelles sont également enrichies d’une interaction au survol. Lorsque l’on approche la souris, des informations supplémentaires s’affichent, offrant une présentation plus détaillée de chaque
projet.
Les boutons, réagissent de manière dynamique. Leur apparence change en fonction du survol ou du clic.
La navbar elle-même devient une source d’interaction. Lorsqu’on survole le texte, des éléments supplémentaires s’ajoutent, enrichissant la navigation.
Ces éléments interactifs contribuent à rendre le prototype plus qu’une simple représentation statique. Prenez le temps de découvrir chaque élément interactif et vivez l’expérience complète du design. Cliquez, survolez, et plongez dans l’ensemble dynamique que j’ai créé pour vous.
les techniques employées à la réalisation
Dans ce projet, concernant la conception et la réalisation du portfolio, j’utilise le logiciel Figma pour la
création de mes prototypes mobiles et desktop, ainsi que différentes pages (le Moodboard, les couleurs, les typographies et les itérations).
J’ai utilisé le plugin entre Figma et Webflow. Après avoir réalisé que le plugin n’était d’aucune aide, j’ai préféré recommencer de design sans celui-ci. Par la suite, j’ai concrétisé la création de mon portfolio sur Webflow.
Pour ce qui est de la communication visuelle, j’ai employé le logiciel Illustrator pour analyser en détail l’image du flocon capturé à partir d’une vitrine de magasin via mon téléphone. En utilisant l’outil plume, j’ai effectué un détourage et créé plusieurs variations pour déterminer celle qui mettait le mieux en valeur. De plus, j’ai employé Illustrator pour créer la page de début et la page de fin du dossier, assurant un design harmonieux et apportant une touche créative.
Enc e qui concerna la création web centrée utilisateurs, j’ai développé mon identité visuelle en utilisant des outils tels que Coolors.co, Adobe Color, Colour Contrast Checker, et Figma. J’ai appliqué des techniques telles que Font Follows Function, Font Pairing, Baselines Grid, et la hiérarchie typographique.
chronologie du projet
conclusion
En conclusion, ce portfolio est bien plus qu’une simple présentation de mon parcours et de mes compétences. Chaque détail, chaque couleur, et chaque élément ont été pensés pour refléter non seulement mes compétences
techniques, mais aussi ma personnalité et mon engagement. En tant que personne travaillant de manière individuelle et autonome, j’ai assumé tous les rôles nécessaires à la réalisation de ce portfolio. Cette approche m’a permis de développer et de mettre en œuvre l’ensemble des compétences requises, tout en progressant à mon propre rythme. En parcourant ces pages, j’espère que vous avez pu saisir ma détermination, ma créativité, et ma capacité à m’adapter.
Merci pour votre lecture !
Si vous le souhaitez, vous pouvez également consulter mes autres projets !