Skip to content

Instantly share code, notes, and snippets.

@aziaziazi
Last active June 5, 2018 08:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save aziaziazi/ac37655f3049a81f15f5b3039d97ab4c to your computer and use it in GitHub Desktop.
Save aziaziazi/ac37655f3049a81f15f5b3039d97ab4c to your computer and use it in GitHub Desktop.
Selency website Review
# Analyse
## Général
De façon générale, le site est stable et rapide. Il marche bien sur iphone/ipad et le même google est satisfait du résultat mobile-friendly https://search.google.com/test/mobile-friendly?id=BIjcdVhaMJBsaxgp2ItJEA, la plupart des appels ne passant pas sont ceux définis par robots.txt. https://developers.google.com/speed/pagespeed/insights/?hl=fr&url=https%3A%2F%2Fwww.brocantelab.com%2F&tab=desktop indique aussi que la rapidité de chargement est plutôt bonne.
## Header & footer
Il y a trop d'informations à l'écran. Alléger les navigations pour donner plus de respiration aux contenus.
### Header
#### +
- le menu qui s'affiche au survol. Les deux images sont attractives, les labels aussi.
#### -
- La différence entre les sous-menus (table) et sous-sous menus (console) n'est pas assez évidente visuellement. Il faudrait au moins les différencier un peu plus en css, même si ça reste léger comme sur https://www.uniqlo.com/. Peut-être aussi essayer des flux plus simples et plus intuitifs.
- le bandeau "Avis aux archis, décorateurs..." est léger mais sa position fixe et toujours présente le rend trop présent alors qu'il ne concerne pas tout le monde. Un call to action court et efficace pourrait autant attirer les yeux intéresser mais ne pas déranger ceux qui ne le sont pas. Ou alors garder le bandeau en haut mais le faire disparaître au scroll.
- Le layout est trop chargé: menu en haut à droite, en haut à gauche, logo et menu des produits. C'est beaucoup mieux quand on scrolle et qu'il s'allège, mais on n'a plus accès aux liens. Pour rendre le site plus clair on peut commencer par séparer la navigation des produits (meubler, s'assoir...) de la navigation du site (vendre, connexion...).
https://cestbeau.co/fr/produits/ fait ça super bien: en haut l'inspiration, à gauche les produits, à droite le check-out (quand on a sélectionné un produit). Autre solution, tout ranger dans un menu unique et simple, les sous-menus sont dans les pages : https://www.elrecibidor.com/en. http://onlyonceshop.com/ est top aussi, même s'il y a moins de catégorisation.
- En cherchant un peu on trouve des pages d'inspiration, des posts sur les réseaux sociaux, des articles de blog, des conseils déco... mais la plupart des pages du site semblent plus marketplace que moodboard. Vos produits sont beaux, vos images sur pinterest et instagram le sont encore plus et un header avec un grand visuel "hero" communiquerait mieux l'intention de Selency. Pour l'inspiration, https://www.floatingcanvas.co/ le fait bien, même https://www.ikea.com/fr/fr/ propose d'abord des ambiances et ensuite des produits (dans un registre très différent !)
### Footer
#### +
- La catchline Newsletter est chouette !
#### -
- Comme pour le header: les informations sont trop nombreuses. Les catégories sont "empilées" les unes au-dessus des autres et ça n'est pas optimal. Les logos de paiements peuvent être dans l'aide ou ne pas être du tout, le téléphone dans la page contact, les sélecteurs de langue et devise plus discrets.
## Blocs de la home page
#### +
- Les blocs "sélections" sont top !! Le graphiste a fait du beau boulot !
- Les blocs "produits" sont chouettes aussi, épurés et clairs. Pour être encore plus clair on pourrait s'inspirer encore de https://cestbeau.co/: au survol, agrandir légèrement l'image et faire apparaître le nom.
#### -
- Les blocs sont bien séparément mais ils sont trop "denses" côtes à côtes. Deux solutions pour alléger la page et rendre la lecture plus agréable: varier les parties avec cadre et sans cadre: https://viacph.com/ (vous le faites déjà un peu sur https://www.brocantelab.com/blog/mister-canape-parfait/). On peut aussi "casser" la symétrie: https://shop.ceremonycoffee.com/#pcp-feature
## Mon-compte > Profil
https://www.brocantelab.com/mon-compte/profil
#### +
- les champs HTML "autocomplete" sont présents.
- la page est simple
#### -
- INFORMATIONS PERSONNELLES devrait être avant MES ADRESSES
- Les adresses peuvent être simplifiées pour prendre moins de place.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment