Retour aux projets
Développement Web · 2024

Site web Curriculum Vitae

Conception et développement d'un CV en ligne en HTML et CSS, avec une version desktop et une version mobile responsive.

2024
Cameron FLORENCE
Développement Web
Site web Curriculum Vitae
Idée de départ

L'objectif de ce projet est de concevoir une version numérique sous forme de site web de mon CV.

Technologies utilisées
HTMLHTML
CSSCSS
Déroulement du projet
1
Conception et ergonomie (UX/UI) — Réflexion sur l'organisation de la page d'accueil et structuration du contenu pour optimiser la navigation et l'expérience utilisateur.
2
Développement et Design Responsif — Création des sections avec une attention particulière à la cohérence visuelle, l'accessibilité (couleurs, polices) et intégration d'une version mobile.
3
Navigation et optimisation technique — Intégration d'ancres HTML pour une navigation interne fluide et centralisation du style via un fichier CSS unique garantissant l'uniformité du site.

Site web — version PC
CV version PC
Site web — version mobile
CV version mobile
Contraintes et solutions

Parmi les contraintes rencontrées lors du développement du projet, j'ai constaté que la barre de navigation et certaines images n'étaient pas correctement adaptées aux affichages sur mobile. Cette problématique a affecté l'ergonomie et la lisibilité du site sur des écrans de petite taille, nécessitant une optimisation via des médias queries en CSS et des ajustements dans la mise en page.

Résultats
Site web fonctionnel sur PC
Site web fonctionnel sur mobile
Leçons tirées du projet

Ce projet m'a offert l'opportunité de développer plusieurs compétences essentielles dans le domaine du développement web. Tout d'abord, j'ai acquis une meilleure maîtrise du HTML et du CSS, notamment à travers la conception d'une structure de page fluide et accessible. J'ai appris à utiliser les ancres pour faciliter la navigation et à gérer un fichier CSS unique pour assurer une cohérence visuelle sur toutes les pages du site.

Ensuite, j'ai approfondi mes compétences en responsive design, en identifiant les limites d'affichage sur mobile et en mettant en place des solutions adaptées, comme l'utilisation de médias queries pour ajuster l'affichage de la barre de navigation et des images.

J'ai découvert l'importance du contraste et de l'accessibilité, en ajustant les couleurs et le choix des polices pour une meilleure lisibilité.