Site Vitrine
Mercedes-Benz
Conception et développement d'un site vitrine complet pour Mercedes-Benz. Intégration d'un design moderne, navigation fluide et contenu dynamique via JSON.
GitHub
Contexte
Dans le cadre d'une SAÉ à l'IUT de Troyes, j'ai conçu et développé un site web complet dédié à la marque Mercedes-Benz. Le projet avait pour objectif de créer une expérience utilisateur soignée avec un contenu structuré sur 5 pages, en respectant un cahier des charges précis. Ce projet m'a permis de mettre en pratique l'ensemble des compétences acquises durant ma première année de formation.
Contenu du site
- Page d'accueil avec présentation de la marque, historique et affichage des nouveautés
- Page voitures avec plus de 50 modèles et leurs caractéristiques détaillées
- Galerie photos dédiée aux véhicules Mercedes-Benz
- Page contact avec formulaire d'envoi de message
- Page partenaires présentant les sites des membres du groupe
Captures d'écran
Ma contribution
- Intégration complète du design en HTML et CSS en respectant le cahier des charges
- Développement de l'interactivité avec JavaScript pour les animations et transitions
- Mise en place d'un système de données dynamiques via des fichiers JSON
- Intégration d'un formulaire de contact fonctionnel avec PHP
- Organisation et structuration d'un projet multi-pages cohérent
Ce que j'ai appris
HTML / CSS Avancé
Structuration sémantique d'un projet multi-pages et maîtrise du CSS pour un rendu soigné et cohérent.
JavaScript & JSON
Manipulation du DOM et chargement de données dynamiques depuis des fichiers JSON pour afficher les modèles de voitures.
Apprendre à structurer un projet web complet avec plusieurs pages, assets et fichiers de données.
Déploiement du site sur le serveur de l'IUT et gestion des contraintes d'hébergement en conditions réelles.