Identité Auvielno
Logo conservé et palette ardoise et or déclinée sur toutes les pages.
Site vitrine · En ligne
Un portfolio qui raconte mon travail avec clarté et cohérence.
Refonte 2026 : présenter mes projets avec une identité ardoise et or fidèle à mon logo.
- Statut
- En ligne · 2026
- Type
- Portfolio personnel
- Technologies
- HTML · CSS · JavaScript
- Accès
- Code source public
LE BESOIN01
Une vitrine à la hauteur du logo.
Un portfolio doit donner envie d’en savoir plus et mener naturellement vers le contact.
- Des projets à présenter de façon plus claire
- Une identité visuelle à décliner sur toutes les pages
- Un parcours à simplifier jusqu’à la prise de contact
LA SOLUTION02
Un parcours clair, du projet au contact.
Cette refonte rassemble mes projets dans une présentation plus claire, avec une identité visuelle ardoise et or cohérente avec mon logo.
La page d’accueil propose des filtres par type de réalisation, des liens vers sept fiches de projet et un contact direct. Les pages sont pensées pour les écrans mobiles, avec une attention portée à la lisibilité, au référencement et à la stabilité visuelle.
Résultat visé
Un site rapide, lisible sur mobile et cohérent de la page d’accueil jusqu’à chaque fiche projet.
FONCTIONNALITÉS03
Ce que le site permet.
Responsive
Navigation et cartes adaptées aux formats mobile, tablette et desktop.
Projets filtrables
Classement par applications, sites vitrines et outils.
Fiches projet
Sept réalisations présentées avec une trame de lecture identique.
Formulaire de contact
Formulaire relié à Formspree et coordonnées accessibles.
Code propre
HTML sémantique, CSS personnalisé et JavaScript léger.
APERÇU04
Le site en images.
- Page d’accueil
- Les réalisations
- Qui suis-je ?
- Une fiche projet
SOUS LE CAPOT05
Léger, accessible, durable.
Frontend
- HTML5
- CSS3
- JavaScript
- Polices système
Outils et hébergement
- Git
- GitHub
- GitHub Pages
- VS Code
- Lighthouse
Qualité
- Stabilité visuelle : dimensions d’images réservées, aucune police distante.
- Accessibilité : lien d’évitement, focus visibles, menu utilisable au clavier.
- Mouvement maîtrisé : réduction des animations prise en compte.
- SEO technique : métadonnées, URL canonique, Schema.org et sitemap.
Voir le code source
Version refondue du portfolio, publiée sur GitHub Pages.
Un besoin similaire ?
Besoin d’un portfolio qui raconte vraiment votre travail ?
Créons une vitrine personnelle claire, cohérente avec votre identité et facile à parcourir.