
Diaz Watches, le projet n°1 créé par mes élèves
Ce site a été créé par Joss, élève de ma formation WordPress. Ce premier projet a pour but de prendre en main la création de site avec elementor.
C’est une maquette très simple en apparence mais qui a quelques complexités.
Les complexités du projet
Voici quelques points pour étudier les difficultés du projet.
Fond avec une forme customisée
Je voulais quelque chose d’incurvé pour rappeler les formes d’une montre. J’ai donc créé une forme de courbe sur la maquette.
Les élèves ont dû l’intégrer sur le site (ce qui n’est pas une mince affaire).
Image flottante
Le but d’une landing page est de mettre en valeur le produit.
L’image flottante met en valeur les montres. Ça les fait bien ressortir. On a également des boutons pour les appels à l’action. On peut acheter le produit sans même scroller plus bas sur la page.
Responsive
Un site responsive est un site qui est conçu et développé de façon à pouvoir s’adapter à toutes les résolutions d’écran. C’est donc un seul et même site qui peut être consulté sur ordinateur, sur smartphone ou sur tablette.
La maquette fournie aux élèves ne disposait pas de la version mobile. C’était à eux d’adapter la version ordinateur en responsive.
Ici on peut voir que la version mobile pouvait être améliorée. En effet, les textes devraient rester sur le fond rose pour être bien lisible.
Dans ce cas, on peut inverser l’ordre des éléments sur mobile : le texte d’abord puis l’image flottante ensuite.