Réalisez un CV qui suit un canevas connu, par exemple :
- une page produit amazon (ou Sarenza, ou Pixmania, …)
- une page facebook
- une offre groupon
- une page produit sur Apple
- une page linkedin
- une page ebay
- une fiche de jeux 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 Beta-series
- un vol Ryanair
- une offre pour un domaine CenterParcs
- la page « à propos » d'Ethias
- l'annonce d'un programme sur rtbf.be
- un article sur le soir.be
- une petite annonce sur Immovlan ou Immoweb
Le layout devra reproduire le plus fidèlement possible le design du site original.
Le HTML et le CSS devront être personnels et adaptés :
- HTML5 sémantique, valide, accessible, microdatas utiles ;
- CSS responsive (design élastique, une version moblile et une version desktop).
J'ai du réaliser pour le cours de design web un CV sur base d'un site web existant. J'ai choisi le célèbre Can I Use.
- CanIUse, le site original dont est inspiré le CV
- le CV
- la page du pojet sur son portfolio
- le portfolio de Jimmy
- Le PFE de Jimmy. Vous pouvez aussi tester l’interface d’administration en vous rendant à l’adresse suivante et en vous créant un compte : http://ecoleinfographie.be/admin
Le CV a été notre premier projet pour le cours de Design Web. Le but était de copier la page d’un site web, pour ma part celle d’une fiche de Pokémon du site du même nom. Par la suite, nous devions remplir la page avec nos informations comme s’il s’agissait de notre CV.
- Pokemon, le site original dont est inspiré le CV
- le CV
- la page du pojet sur son portfolio
- le portfolio de Stéphanie
Le but de l’exercice était de copier le canvas d’un site existant en y intégrant nos informations personnelles pour en faire notre CV. Il n’est pas question ici de copier le code et de modifier les informations. Il faut analyser le site, essayer de comprendre comment sont codés les différents éléments et enfin créer sont propre code et appliquer l’analyse préalable du site officiel pour que notre CV y ressemble comme 2 gouttes d’eau.
- Képhren Simonis
- Charlotte Toussaint
- CV
- BlablaCar, site original dont est inspiré le CV : N.B. Le design du site a beaucoup changé => copie d'écran
- Gilles Delmotte
- page du pojet sur le portfolio
- CV
- Encyclopédie de Harry Potter : Choisir une encyclopédie comme référence n'est pas anodin. En effet, je me suis dit qu'il serait facile d'intégrer mes informations sur un site donc le but premier est de donner des informations sur des personnages, des lieux, etc. Appréciant l'univers d'Harry Potter, je me suis naturellement dirigé vers une encyclopédie de cet univers. Avec du recul, je me suis rendu compte de beaucoup de petit problème que je n'avais pas remarqué lors de mon choix. Ca faisait donc également partie de mon travail d'en corriger une partie (réduire le nombre de couleurs utilisées, rendre le code valide, etc.)
La consigne était de réaliser notre CV en reprenant le design d’un site connu. J’ai choisi le site de voyage Travelbird.
J’ai intégré mon CV dans une de leur page « produit ». Le travail n’était pas tellement difficile, le tout était de bien analyser chaque élément de la page afin de le reproduire au détail près.
Le but était de réaliser notre CV en copiant le design d’un site connu du grand public idéalement. Grosso modo, fallait pas aller chercher le petit site d’un tailleur de pierres du fin fond de la Nouvelle-Zélande (j’exagère, bien entendu).
Après quelques recherches en fonction des exemples proposés par notre prof et un peu de réflexion, j’ai choisi Linkedin. Oui OK, c’est déjà un site où on montre son cv, mais le notre ne devait pas être présenté de la même façon. Et j’apprécie le design de ce site qui est simple, mais très efficace.
Pour commencer, il faut un contenu. Du coup, création du squelette de mon cv en HTML et sélection des informations pertinentes et moins pertinentes. Après ça, il a fallu récupérer les différentes couleurs et les polices utilisées sur le site histoire d’avoir un design le plus fidèle possible par rapport à l’original. Et paf ! C’était le moment de passer au CSS !
Ce ne fut pas une tâche facile de coller au design original, mais grâce aux extensions ajoutées à mes différents navigateurs, j’ai été capable de récupérer les différentes mesures nécessaires et pour un premier vrai projet, je suis plutôt contente du résultat.
- Marvin Lemarchand :
- Félix Gason (pas bien, trop pauvre) :
- page du pojet sur le portfolio : Le but du projet de CV était de reprendre le layout ainsi que le style d'un site web connu, puis d'y remplacer les informations avec le contenu de notre CV.
- CV
- Pauline Viroux
- Anne Remacle
- Dylan Shirino
- Portfolio de Dylan Shirino
- => pas le CV…
- Éric Closquet
- Quentin George
- Gabriel Martinez
- Portfolio de Gabriel Martinez
- page du pojet sur portfolio
- CV
- Google, site original dont est inspiré le CV
- Maxime Scibetta
- Portfolio de Maxime Scibetta
- page du pojet sur portfolio
- CV
- Netflix, site original dont est inspiré le CV
- Lucas Gava
- Portfolio de Lucas Gava
- page du pojet sur portfolio
- CV
- site original dont est inspiré le CV
- Anthony Beaumecker
- Portfolio de Anthony Beaumecker
- page du pojet sur portfolio
- CV
- site original dont est inspiré le CV
- Mehdy Ouras el ouad
- Portfolio de Mehdy Ouras el ouad
- page du pojet sur portfolio
- CV
- site original dont est inspiré le CV
Mariam Faso :