Tom et lola
Dans le cadre d’un projet universitaire, nous avons conçu les maquettes et développé les pages web de la série Tom et Lola. L’objectif était de proposer une interface digitale en parfaite adéquation avec l’univers visuel que nous avons créé pour la série, en retranscrivant son atmosphère chaleureuse et méditerranéenne.
Lors de la phase de maquettage, nous avons mis l’accent sur une hiérarchie visuelle claire, une navigation fluide et une mise en page immersive. Les couleurs et typographies ont été soigneusement sélectionnées pour renforcer l’identité graphique et assurer une cohérence avec l’esthétique générale de la série.
Type de projet
Projet universitaire - BUT MMI 2
Logiciels utilisés
Figma, WordPress
Compétences utilisées
UX/UI Design, Développement Web
Lors de la phase de conception des maquettes, nous avons mis l’accent sur une hiérarchie visuelle claire et une navigation intuitive. La mise en page a été pensée pour guider l’utilisateur de manière fluide, tout en mettant en valeur les visuels et les contenus de la série. Nous avons sélectionné des couleurs et des typographies cohérentes avec l’identité graphique globale, tout en intégrant des éléments visuels inspirés du littoral méditerranéen afin de renforcer l’immersion.
Le site a été développé à l’aide d’un CMS, ce qui a permis une gestion simplifiée du contenu et une grande flexibilité dans la mise en place des fonctionnalités. Nous avons personnalisé le thème en respectant la charte graphique définie en amont, en intégrant des modules et extensions adaptés pour optimiser l’expérience utilisateur. L’interface a été pensée pour être responsive, garantissant une navigation fluide sur tous les supports. De plus, une attention particulière a été portée à l’optimisation des performances et du référencement, afin d’assurer un site rapide et accessible.
AC12.01 – Concevoir un produit ou un service en terme d’usage et de fonctionnalité
AC22.04 – Optimiser le référencement d’un site web, d’un produit ou d’un service
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
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.03 – Intégrer, produire ou développer des interactions riches ou des dispositifs interactifs
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
AC11.01 – Présenter une organisation, ses activités et son environnement (économique, sociologique, culturel, juridique, technologique, communicationnel et médiatique)
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.04 – Analyser des formes médiatiques et leur sémiotique
AC11.05 – Identifier les cibles (critères socio-économiques, démographiques, géographiques, 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é (stratégie, mission, valeurs …)
AC21.02 – Auditer un site web, une marque ou un service, en termes de trafic et de référencement
AC13.02 – Produire des pistes graphiques et des planches d’inspiration
AC13.05 – Designer une interface web (wireframes, UI)
AC13.06 – Optimiser les médias en fonction de leurs usages et supports de diffusion