Projet semestriel universitaire individuel
2024
Design & Concept
Développement Front et Back-end
Contexte
Echoes of Dialogue est un projet réalisé dans le cadre du semestre 1 de ma formation Métier de Multimédia et de l'Internet, sur le thème “Préhistoire du Futur”. J’ai choisi d’explorer la communication comme concept central, explorant l'évolution de la communication de l'époque à maintenant.
Le projet consistait à concevoir l’univers graphique, créer la maquette et développer un site mobile-first en HTML, CSS et JavaScript, intégrant des contenus variés tels qu’une frise chronologique des objets, une galerie de films, des extraits multimédias et des sections “À propos” et “Autres projets”, offrant ainsi une expérience immersive et cohérente.
Mon rôle
- Construction du concept “Echoes of Dialogue
- Élaboration du dossier de communication (GANTT, SWOT, persona, storyboard… )
- Création du moodboard et définition de l’identité visuelle
- Rédaction de tous les contenus FR / EN
- Réalisation de la maquette complète en mobile
- Développement intégral du site en HTML / CSS / JavaScript
- Présentation du projet au jury
Processus
- Analyse du sujet “Préhistoire du Futur” et définition du parti-pris narratif
- Recherche thématique et création de l’univers graphique
- Conception du dossier de com' (GANTT, SWOT, persona, arbo…)
- Construction du moodboard → guide visuel → maquette mobile-first
- Développement du site en HTML / CSS / JavaScript
- Tests mobiles et ajustements UX
Résultats finaux
Le projet a abouti à un site complet et fonctionnel explorant le thème « Préhistoire du Futur » à travers le concept de la communication. Le site définitif est consultable ici → https://echoes-of-dialogue.eva-lacroix.fr et permet de naviguer entre toutes les sections principales du site.
La maquettes et prototypes réalisés ont servi de guide tout au long du développement, garantissant la cohérence visuelle et ergonomique du site. L’expérience offre aux utilisateurs une immersion dans l’évolution de la communication, avec une navigation mobile-first et des contenus variés tels que frise chronologique, galerie de films et sections multimédias.
Bilan et valeur ajoutée
- Ce projet m’a permis de renforcer mes compétences en webdesign, intégration front-end et conception mobile-first. J’ai également approfondi ma maîtrise de la structuration HTML et du CSS responsive.
- La réalisation complète du dossier de communication m’a offert une expérience concrète de gestion de projet, de planification et de présentation professionnelle.
- Enfin, ce projet m’a aidé à développer un regard critique sur l’ergonomie, l’expérience utilisateur et la communication visuelle.
Compétences acquises
- Webdesign & Maquettage
- Développement HTML/CSS/JS
- Conception mobile-first
- Responsive Design
- Gestion de projet et dossier de communication
- Ergonomie et UX
Outils utilisés
- Figma
- HTML / CSS / JavaScript
- VS Code
- Google Doc