Objectif du projet
Ce projet de création d'un site e-commerce doit prendre en compte plusieurs facteurs.
Concevoir et réaliser la page d'acceuil d'un site e-commerce fictif. Le concept du site doit être imaginé comme le nom de l'entreprise, les marchandises vendues, la clientèle ciblée etc...
Contenu du projet à la livraison
Le texte présentant le projet doit être composé de deux
parties :
- une partie présentant le concept de l’entreprise (nom de
l’entreprise, type de marchandises vendues, clientèle
principale et secondaire ciblée)
- une partie justifiant les choix esthétiques de la page
d’accueil (choix des couleurs et polices de caractères,
disposition des textes et des images, etc.).
Ce texte doit être rédigé en utilisant la police de caractères Arial de taille 12 et être livré au format pdf (2 pages A4 maximum.
Voir le document
Deux maquettes de la page d’accueil doivent être créées :
- Une maquette doit correspondre à la version mobile de la
page
- Une maquette doit correspondre à la version desktop de la
page
Ces maquettes doivent être réalisées en respectant les
contraintes suivantes :
- Utilisation de 3 couleurs au maximum (avec possibilité de
les décliner sur maximum 3 teintes)
- Utilisation de 3 polices de caractères au maximum
Les maquettes doivent être créées en utilisant un logiciel de maquettage (Sketch, AdobeXD, Figma, Illustrator, etc.), leur intégration en HTML / CSS doit avoir un rendu visuel très proche de la maquette que vous aurez créé (haute fidélité). Sur la maquette, nous devons retrouver tous les éléments graphiques spécifiés ci-après dans le chapitre “Contenu de la page d’accueil”.
-
La page d’accueil devra être composée au minimum des
éléments suivant :
- Barre de navigation fixe
- Header avec une image en background + H1 + call to action
- Catégories des produits en vente
- Zone permettant la sélection de 3 ou 4 produits
- Bandeau promotionnel
- Une rangée d’icônes présentant 3 avantages de l’entreprise
- Footer en 3 ou 4 colonnes
- Ancre positionnée en bas à droite de l’écran
Wireframe & Maquettes
