Exemples de sites web de thé

Avec un score de performances de 88/100 et de bonnes pratiques de 96/100 sur Google PageSpeed Insights, la version mobile du site de Teanayis est agréable et facile à utiliser sur la plupart des écrans. La mise en page reste claire et le texte est lisible sans trop surcharger l'écran.

L'entête flottante permet d'accéder facilement au menu latéral, ainsi qu'à la barre de recherche, au panier et au compte afin de faciliter l'expérience d'achat de l'utilisateur. Le menu latéral se déroule horizontalement, et les galeries d'images permettent d'économiser de la place.

Sur mobile, le site est un peu moins performant avec un score de 66/100 selon Google PageSpeed Insights. Les temps de chargement pourraient être grandement réduits en diffusant les images dans les formats nouvelle génération (webP) et en différant leur chargement hors écrans.

Malgré cela, le site s'adapte bien à la plupart des écrans grâce à son design simple et fonctionnel. L'image héro disparaît pour faire place aux images cliquables de tasses de thés différents, guidant l'utilisateur vers le produit qu'il cherche. Le menu latéral facilite la navigation et permet d'explorer la boutique.

Sur mobile le score de performances du site d'Unami Tea est de 38/100 sur Google PageSpeed Insights, offrant des temps de chargement parfois lents en raison du poids des images et de la densité du contenu.

Le site s'adapte bien à la plupart des écrans, avec une entête qui donne accès au compte, à la localisation de la boutique, au panier et au menu latéral qui se déroule horizontalement. Cependant l'utilisation de galeries d'images pour les recommandations et les thés du monde permettrait de gagner de la place et réduire le temps nécessaire pour parcourir toute la page.

Le score de performances sur mobile du site Les Jardins de Gaïa est de 37/100 avec un score de bonnes pratiques de 96/100, selon Google PageSpeed Insights. Bien que les temps de chargements peuvent être plus lents, le site s'adapte tout de même bien à la plupart des écrans avec son menu latéral et sa mise en page claire.

Le site n'offre pas d'options de visualisation des produits dans la page des résultats, comme sur la version bureau. L'utilisation de galeries d'images pourrait permettre d'économiser de la place sur la page d'accueil tout en donnant un aperçu des produits et des promotions.

Sur Google PageSpeed Insights le score de performances est de 32/100, mais le site assure tout de même une expérience utilisateur correcte qui s'adapte bien à la plupart des écrans, avec un menu latéral disponible dans l'entête flottante avec l'accès au compte, au moteur de recherche et la localisation des boutique.

Les images et les textes restent clairs et lisibles, mais l'outil de navigation associé à aux images héro dans la version bureau, ne disparaît pas après et se superpose au contenu. Le bouton de renvoi en haut de page ajoute une option additionnelle pour faciliter la navigation.