@MATTIS.GUERRAND
Outil : MacBook Pro M4
Logiciel : Figma
Thématique : Portfolio
Sujet : Maquette
Année : 2025
Lieu : Toulon – Le Havre
Une vitrine interactive et minimaliste
Mon portfolio est bien plus qu’un simple site web : il incarne mon approche du design minimaliste et de l’ergonomie interactive. Chaque élément a été pensé pour offrir une expérience fluide et immersive, mettant en avant mes projets à travers une navigation intuitive et un design épuré.
Une conception sur-mesure et un travail de direction artistique
Ce projet a nécessité un travail complet de web design, depuis la création des maquettes sur Figma jusqu’au développement sur WordPress et CSS personnalisé. J’ai conçu une identité visuelle cohérente, reposant sur une typographie soignée, une palette de couleurs subtile et des animations légères, afin d’apporter une touche dynamique tout en restant fonctionnel.
Une approche centrée sur l’expérience utilisateur (UX/UI)
Chaque détail a été optimisé pour une expérience utilisateur fluide : une navigation simplifiée, un temps de chargement optimisé, et un design responsive s’adaptant parfaitement aux différents écrans. Le portfolio a été construit sur une base de 1440px, tout en veillant à une adaptation harmonieuse sur tous les appareils.
Maquettes – Portfolio
EXPRIMER
•AC13.02 – Produire des pistes graphiques et des planches d’inspiration
•AC13.03 – Créer, composer et retoucher des visuels
•AC13.05 – Designer une interface web (wireframes, UI)
•AC13.06 – Optimiser les médias en fonction de leurs usages et supports de diffusion
•AC23.02 – Définir une iconographie (illustrations, photographies, vidéos)
•AC23.03 – Créer et décliner une identité visuelle (charte graphique)
•AC33.01 – Adopter et justifier une démarche originale et personnelle dans ses productions
•AC33.02 – Concevoir un design system et en produire les éléments visuels, graphiques ou sonores
CONCEVOIR
•AC12.01 – Concevoir un produit ou un service en termes d’usage et de fonctionnalité
•AC12.02 – Construire la proposition de valeur d’un produit ou d’un service
•AC12.03 – Proposer une recommandation marketing (cibles, objectifs, points de contact)
•AC12.04 – Proposer une stratégie de communication
•AC22.01 – Co-concevoir un produit ou un service (proposition de valeur, fonctionnalités…)
•AC22.03 – Co-construire une recommandation stratégique (en structurant un plan d’action)
•AC22.04 – Optimiser le référencement d’un site web, d’un produit ou d’un service
•AC22.05 – Mettre en place une présence sur les réseaux sociaux
DÉVELOPPER
•AC14.02 – Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples
•AC14.04 – Mettre en ligne une application Web en utilisant une solution d’hébergement standard
•AC24.01 – Produire des pages et applications Web responsives
•AC24.05 – Optimiser une application web en termes de référencement et de temps de chargement
•AC24.06 – Configurer une solution d’hébergement adaptée aux besoins
ENTREPRENDRE
•AC15.05 – Construire une présence en ligne professionnelle (personal branding)
•AC15.07 – Produire un message écrit ou oral professionnel
•AC25.02 – Cartographier un écosystème (identification des acteurs, synthèse des propositions de valeur)
•AC25.03 – Initier la constitution d’un réseau professionnel
•AC35.04 – Défendre un projet de manière convaincante
COMPRENDRE
•AC11.02 – Évaluer un site web, un produit multimédia ou un dispositif interactif existant en s’appuyant sur des guides de bonnes pratiques
•AC11.05 – Identifier les cibles (critères socio-économiques, démographiques, culturels…)
•AC21.01 – Analyser la stratégie de communication ou marketing d’un acteur, d’une organisation au regard d’un secteur ou d’un marché
•AC21.02 – Auditer un site web, une marque ou un service, en termes de trafic et de référencement
EXPRIMER
•AC13.02 – Produire des pistes graphiques et des planches d’inspiration
•AC13.03 – Créer, composer et retoucher des visuels
•AC13.05 – Designer une interface web (wireframes, UI)
•AC13.06 – Optimiser les médias en fonction de leurs usages et supports de diffusion
•AC23.03 – Créer et décliner une identité visuelle (charte graphique)
•AC33.01 – Adopter et justifier une démarche originale et personnelle dans ses productions
•AC33.02 – Concevoir un design system et en produire les éléments visuels, graphiques ou sonores
CONCEVOIR
•AC12.01 – Concevoir un produit ou un service en termes d’usage et de fonctionnalité
•AC12.02 – Construire la proposition de valeur d’un produit ou d’un service
•AC12.03 – Proposer une recommandation marketing (cibles, objectifs, points de contact)
•AC12.04 – Proposer une stratégie de communication
•AC22.04 – Optimiser le référencement d’un site web, d’un produit ou d’un service
DÉVELOPPER
•AC14.01 – Exploiter de manière autonome un environnement de développement efficace et productif
•AC14.02 – Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples
•AC14.04 – Mettre en ligne une application Web en utilisant une solution d’hébergement standard
•AC24.01 – Produire des pages et applications Web responsives
•AC24.05 – Optimiser une application web en termes de référencement et de temps de chargement
•AC24.06 – Configurer une solution d’hébergement adaptée aux besoins
ENTREPRENDRE
•AC15.05 – Construire une présence en ligne professionnelle (personal branding)
•AC15.07 – Produire un message écrit ou oral professionnel
•AC25.03 – Initier la constitution d’un réseau professionnel
•AC35.04 – Défendre un projet de manière convaincante
COMPRENDRE
•AC11.02 – Évaluer un site web, un produit multimédia ou un dispositif interactif existant en s’appuyant sur des guides de bonnes pratiques
•AC11.05 – Identifier les cibles (critères socio-économiques, démographiques, culturels…)
•AC21.02 – Auditer un site web, une marque ou un service, en termes de trafic et de référencement
EXPRIMER
•AC13.02 – Produire des pistes graphiques et des planches d’inspiration
•AC13.03 – Créer, composer et retoucher des visuels
•AC13.06 – Optimiser les médias en fonction de leurs usages et supports de diffusion
•AC23.02 – Définir une iconographie (illustrations, photographies, vidéos)
•AC23.03 – Créer et décliner une identité visuelle (charte graphique)
•AC33.01 – Adopter et justifier une démarche originale et personnelle dans ses productions
•AC33.02 – Concevoir un design system et en produire les éléments visuels, graphiques ou sonores
CONCEVOIR
•AC12.04 – Proposer une stratégie de communication
•AC22.01 – Co-concevoir un produit ou un service (proposition de valeur, fonctionnalités…)
•AC22.03 – Co-construire une recommandation stratégique (en structurant un plan d’action)
•AC22.05 – Mettre en place une présence sur les réseaux sociaux
ENTREPRENDRE
•AC15.05 – Construire une présence en ligne professionnelle (personal branding)
•AC15.07 – Produire un message écrit ou oral professionnel
•AC25.03 – Initier la constitution d’un réseau professionnel
•AC35.04 – Défendre un projet de manière convaincante
COMPRENDRE
•AC11.05 – Identifier les cibles (critères socio-économiques, démographiques, culturels…)
•AC21.01 – Analyser la stratégie de communication ou marketing d’un acteur, d’une organisation au regard d’un secteur ou d’un marché
•AC21.02 – Auditer un site web, une marque ou un service, en termes de trafic et de référencement
DÉVELOPPER
•AC14.02 – Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples
•AC14.06 – Déployer et personnaliser une application Web en utilisant un CMS ou un framework MVC
•AC24.01 – Produire des pages et applications Web responsives
•AC24.05 – Optimiser une application web en termes de référencement et de temps de chargement
ENTREPRENDRE
•AC15.01 – Gérer un projet avec une méthode classique
•AC15.07 – Produire un message écrit ou oral professionnel
•AC25.01 – Gérer un projet avec une méthode d’amélioration continue par exemple une méthode agile
•AC25.02 – Cartographier un écosystème (identification des acteurs, synthèse des propositions de valeur)
•AC35.04 – Défendre un projet de manière convaincante
CONCEVOIR
•AC12.01 – Concevoir un produit ou un service en termes d’usage et de fonctionnalité
•AC12.02 – Construire la proposition de valeur d’un produit ou d’un service
•AC12.04 – Proposer une stratégie de communication
•AC22.01 – Co-concevoir un produit ou un service (proposition de valeur, fonctionnalités…)
•AC22.02 – Produire une recommandation ergonomique à partir des tests utilisateurs (sur système fonctionnel, prototype ou maquette interactive)
•AC22.03 – Co-construire une recommandation stratégique (en structurant un plan d’action)
EXPRIMER
•AC13.05 – Designer une interface web (wireframes, UI)
•AC13.06 – Optimiser les médias en fonction de leurs usages et supports de diffusion
•AC23.03 – Créer et décliner une identité visuelle (charte graphique)
•AC33.01 – Adopter et justifier une démarche originale et personnelle dans ses productions
•AC33.03 – Maîtriser les étapes de production d’un projet multimédia
COMPRENDRE
•AC11.02 – Évaluer un site web, un produit multimédia ou un dispositif interactif existant en s’appuyant sur des guides de bonnes pratiques
•AC11.05 – Identifier les cibles (critères socio-économiques, démographiques, culturels…)
•AC21.04 – Identifier et décrire les parcours client à partir d’enquêtes de terrain
•AC21.05 – Cartographier les expériences utilisateur : points de contact, points de friction et de satisfaction, carte d’empathie