Skip to content

Instantly share code, notes, and snippets.

@DamienDabernat
Last active February 15, 2024 13:37
Show Gist options
  • Save DamienDabernat/4fb59aa8dc58b4a7bbc02e25fe3a9fb1 to your computer and use it in GitHub Desktop.
Save DamienDabernat/4fb59aa8dc58b4a7bbc02e25fe3a9fb1 to your computer and use it in GitHub Desktop.
Evaluation Ergonomie

Conception de la page d'accueil d'un site pour une Marque de Montres

Contexte :

Vous êtes sollicités par "HorizonTime", une marque de montres en pierre reconnue pour son innovation et son design élégant, pour créer la nouvelle page d'accueil de leur marque.

Le client bénéficie actuellement d'une très bonne réputation et de témoignages clients très favorables qu'il voudrait mettre en avant. L'objectif principal est de mettre en avant la toute dernière collection de montres. Des shooting photo ont été faits spécialement pour cette collection. D'ailleurs, un appel à l'action (CTA) doit inciter les clients potentiels à découvrir cette nouvelle collection. N'oubliez pas de faire la promotion des principaux bestsellers de la marque, qui sont au nombre de 4.

Le client veut aussi mettre en avant la diversité des produits de la marque, elle veut donc un bandeau listant les différentes catégories de produits :

  • Montres hommes
  • Autres Bijoux Femmes
  • Montres Femmes
  • Éditions limitées
  • Bracelets.

Instructions :

1) Recherche :

a) Quels sont les sections (et/ou les éléments) que l'on retrouve généralement sur la page d'accueil d'un site de vente de bijoux et/ou de montres ?

b) Identifiez les besoins et les attentes du client :

  • Que veut-il, quels éléments veut-il faire apparaitre ?
  • Lister les sections de site que cela pourrait représenter.

c) Identifiez les besoins et les attentes des utilisateurs cibles de "HorizonTime".

  • Quelles sont leurs attentes en arrivant sur le site ?
  • Quels éléments clés doivent apparaître ?

Déterminez les objectifs principaux du site en termes d'expérience utilisateur (UX) et d'interface utilisateur (UI).

2) Conception UX (Whimsical) :

Créez une maquette en fil de fer (wireframe) sur Whimsical qui illustre la structure et la navigation du site.

Assurez-vous de :

  • Définir explicitement l'architecture de l'information (et d'avoir listé toutes les sections devant apparaitre).
  • Inclure un encart (une section) pour la promotion de la dernière montre / de la dernière collection.
  • Concevoir un CTA efficace pour guider les utilisateurs vers l'action souhaitée (Découvrir la nouvelle collection).
  • Mettre en avant les montres phares de la marque.

3) Conception UI (Figma) :

Transposez votre maquette en fil de fer en une maquette haute fidélité sur Figma.

Votre design doit :

  • Respecter les principes d'UI appris lors de la formation (cohérence, simplicité, lisibilité).
  • Incorporer des visuels attrayants et de qualité professionnelle qui mettent en valeur les produits.
  • Assurer l'accessibilité et l'inclusivité du design.

Rendu et Présentation :

Partagez les liens publics et accessibles de vos maquettes UX et UI en envoyant un email à damien@surpuissant.com.

Votre email doit inclure :

  • En objet : Ergonomie - Évaluation - [Nom] [Prénom]
  • Les réponses aux questions de l'évaluation
  • Les liens publics vers les maquettes UX et UI
  • Toute considération particulière que vous avez prise en compte concernant l'UX et l'UI.

Critères d'Évaluation :

L'idée pour vous n'est pas de produire un travail issu d'une création artistique, mais simplement d'avoir su repérer et comprendre les besoins du client. Ainsi que d'avoir su proposer des premiers éléments de réponse.

  • Respect des consignes et de l'objectif du projet.
  • Cohérence de l'UX et de l'UI.
  • Qualité de la communication des idées.

Aide :

Pour trouver de nombreux visuels de montre, vous pouvez prendre vos photos sur unsplash.

Pour ce qui est des maquettes Figma, utilisez la section communauté pour trouver des designs qui vous plaisent :

Regardez aussi du côtés des UI Kit d'eCommerce.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment