Esperluette
Esperluette est une marque de vêtements fictive. J'ai eu envie de m'essayer à la réalisation d'un site internet autour d'un sujet bien précis, ici une opération spéciale réalisée par la marque, promouvant les droits de l'Homme.
À partir de cette prémisse, j'ai formulé quelques exigences de conception.
Tout d'abord, les couleurs devaient être claires et relativement vives pour refléter un sentiment de joie et de "pureté" qui entourerait la marque et ses produits.
Ensuite, je devais trouver un équilibre entre la promotion de l'opération caritative et le commerce de la marque.
Enfin je voulais que la navigation soit un peu spéciale.
[Page d'accueil de l'opération d'Esperluette]
Le design combinant ces exigences a un fond gris clair et contraste avec les éléments et les dégradés oranges sur l'ensemble du site web. Les règles de conception commencent à prendre forme lors de l'ajout d'une couleur dédiée à tout ce qui concerne les droits de l'homme, en définissant un espacement standard et une limite sur la quantité d'éléments et d'informations dans chaque section.
[La palette de couleurs utilisée]
La navigation exotique a été réalisée par l'accrochage de la page au début de chaque section dors du défilement. La fonctionnalité "scroll-snap" est disponible sur tous les navigateurs et terminaux pour plus de continuité. Cette fonctionnalité doit prendre en charge et fonctionner avec le comportement naturel de l'utilisateur, c'est pourquoi scroll-snap fonctionne avec toutes les façons dont un utilisateur a pour faire défiler la page, et s'accrochera toujours de manière non intrusive. Un élément statique indique jusqu'où l'utilisateur a fait défiler, pour être plus précis, combien de pages il a vues.
[L'indicateur de pages]
Enfin, l'équilibre de la dualité entre les éléments que nous voulons promouvoir ici est atteint en plaçant des boutons d'appel à action récurrents et vifs menant la boutique (ne faisant pas partie du site Web, car le défi était basé sur cette page d'accueil) et en plaçant stratégiquement des images qui représenteraient les types de vêtements vendus par la marque et un élément commun entre chaque photographie, peut-être une couleur ou un accessoire. Je n'ai malheureusement pas pu organiser une prise de vue pour prendre les photos moi-même, alors j'ai fait de mon mieux pour rechercher des images correspondant à l'ambiance et aux couleurs que je voudrais pour chaque image de la page.
[Les deuxièmes et troisièmes pages du site. Nous pouvons voir le thème récurrent le choix d'images]