Réalisez un CV d'une seule page qui suit le canevas d'un site existant (idéalement connu), par exemple :
- une page produit sur Apple
- une page LinkedIn
- une page eBay
- une fiche de jeu vidéo (par exemple sur jeuxvideo.com)
- la page d'un acteur ou d'un réalisateur sur IMDb
- une page d'artiste sur Deezer
- la fiche d'une série sur betaseries
- un vol Ryanair
- une offre pour un domaine Center Parcs
- la page « À propos » d'Ethias
- l'annonce d'un programme sur rtbf.be
- un article sur lesoir.be
- une petite annonce sur Immovlan ou Immoweb
Le layout devra reproduire le plus fidèlement possible le design du site original. Seules des modifications améliorant l'expérience utilisateur et pouvant être justifiées seront autorisées. Attention : une modification purement esthétique n'est pas autorisée.
Le HTML et le CSS devront être personnels et adaptés :
- HTML5 sémantique, valide, accessible, microdatas utiles ;
- CSS responsive (design fluide, version moblile et version desktop).
Le site choisi doit intégrer un aspect dynamique (animation, etc.) et un formulaire de contact (minimum un champ pour l’e-mail + un champ pour le message). Si votre référence n'a pas de formulaire de contact dans la page choisie, vous pouvez demander l'autorisation d'en incorporer un à un endroit approprié.
Le contenu est également important pour cet exercice. Bien qu'il prenne la forme d'un site, vous réalisez un CV. À vous de réfléchir pour être le plus pertinent possible tout en intégrant l'esprit du site de référence. Les informations personnelles peuvent être fictives, mais doivent être réalistes.
Afin d'éviter tout risque de confusion, vous devrez également intégrer un lien vers votre référence dans votre site.
Dans ce projet, vous mobiliserez vos compétences de développement en HTML, CSS et JavaScript en respectant les bonnes pratiques vues en cours. Vous devrez également identifier et analyser correctement les différents éléments du design existant pour les adapter de façon pertinente.
Ne sous-estimez pas l'importance de ce projet à votre stade d'apprentissage, même si vous ne devez pas créer d'identité graphique. Vous ne devez pas simplement copier un site existant, mais bien l'examiner pour comprendre ses différents composants et le reconstruire de manière à optimiser l'expérience utilisateur. Cela vous demandera une certaine réflexion qui vous sera utile pour l'ensemble de vos projets futurs !
- une page produit amazon (ou Sarenza, ou Pixmania, …)
- une page facebook
- une offre groupon
