Accueil ati4 blog Hyvä et Adobe Commerce
ATI4 Techno

Hyvä et Adobe Commerce

Logo Hyvä Theme

La dynamique du commerce électronique évolue à un rythme rapide, et l’objectif principal des entreprises est de fournir une expérience client optimale afin de maximiser leur taux de conversion et surtout, leurs ventes. Depuis deux ans, une nouvelle solution se démarque : c’est la solution Hyvä. 

une révolution front-end 🧑🏽‍💻

Hyvä est un thème front-end pour Adobe Commerce, qui se distingue par son approche modulaire et sa légèreté. Conçu pour tirer parti des meilleures pratiques en matière de développement web, Hyvä propose une architecture front-end moderne basée sur la technologie Vue.js. Cette intégration simplifie également la mise à niveau des sites existants, facilitant la transition fluide vers les nouvelles versions, sans impacter l’expérience utilisateur.

Basée sur les modules natifs de Magento 2, (« Huva ») permet de retirer complètement les dépendances JavaScript et CSS d’un site internet. En bref, la solution permet d’optimiser les performances d’un site internet, et de renforcer son classement SEO, la visibilité de son site et par conséquent, le nombre de ventes. Avec cette nouvelle solution arrivent de nouveaux types de services comme Hyvä Themes, Hyvä UI, Hyvä Checkout et Hyvä Entreprises. Ces éléments permettent donc :

  • De gagner en expérience utilisateur et satisfaction client
  • D’augmenter son WPO (Web Performance Optimization) en lien avec le référencement web (SEO et SEA)
  • D’augmenter son taux de conversion grâce à la rapidité de la plateforme
  • De réduire son taux de rebond grâce à des temps d’attentes très limités
  • De le rendre compatible sur différents supports et avec différentes connexions mobiles (comme la 3G par exemple)
  • De réduire son impact environnemental en réduisant la charge du serveur

les enjeux Adobe Commerce 🤔

Magento, récemment devenu Adobe Commerce, est une plateforme de commercer électronique souple et évolutive adaptable pour des clients B2B et B2C. Sa particularité première est sa flexibilité et son adaptabilité aux entreprises de toutes tailles. Cependant, certains défis liés aux performances front-end persistent et peuvent impacter négativement l’expérience utilisateur et surtout le taux de conversion. En effet, Adobe Commerce propose, certes une plateforme stable, robuste et puissante, mais très gourmande et donc assez lente par le grand nombre de requêtes serveurs.

Ce poids s’accroîtra davantage après la phase de développement et de contribution, au cours de laquelle des éléments tels qu’un thème personnalisé, des produits, des contenus CMS et des applications tierces telles que Google Analytics, AB Tasty, Algolia, ZenDesk, etc., seront ajoutés. En considérant que chacun de ces éléments appelle ses propres ressources (images, styles, polices, etc.), le poids du site final pourrait rapidement atteindre 10 Mo, générant ainsi plus de 300 requêtes serveur. Les performances du site, particulièrement sa rapidité pourrait alors en pâtir. Et c’est ici qu’intervient le theme Hyvä.

L’enjeu principal pour l’équipe de développeurs sera de réécrire cette vue, sans pour autant alourdir le site en retombant dans le thème natif de Magento. Pour se faire, nous utilisons des technologies telles Tailwind CSS ou Alpine.js, un micro-framework développé en 2019 et réputé pour sa légèreté de 7ko seulement. Cet outil nous permet de faciliter certaines tâches comme la réécriture de tous les composants UI, généré nativement par Knockout et jQuery UI (accordéons, menus déroulants etc).

De plus, la solution inclue des bonnes pratiques, notamment en ce qui concerne les images, qui sont souvent gourmandes en performances web. Elle adopte des approches telles que l’ajout de l’attribut loading=”lazy” sur toutes les images en ligne du thème. Ces choix lui permettront de réduire considérablement le poids de la page.

Par exemple, sur une page d’accueil type, le thème natif d’Adobe Commerce peut générer environ 250 requêtes et peser environ 2 Mo. En comparaison, un thème Hyvä réduira le nombre de requêtes à seulement 15, soit environ 15 fois moins, et le poids de la page à seulement 0,5 Mo, soit 4 fois moins. Cette réduction de poids permettra d’atteindre des performances bien supérieures à celles d’un thème standard.

évènement hyvä x mollie 🤩

Image promotionnelle de l'évènement Hyvä et Mollie à Paris.

Fin 2023, nous avons eu la chance de représenter notre agence lors d’un évènement exclusif, organisé par Mollie et Hyvä à Paris, en tant que partenaire Hyvä Supplier.

Mollie, c’est la solution intégrée à Hyvä Checkout, qui permet aux entreprises de bénéficier de différents moyens de paiement sur leur site e-commerce. Un élément améliorant la rapidité et la simplicité d’achat mais aussi déterminant pour à l’expérience, la convivialité et la confiance des utilisateurs en ligne.

La soirée a été marquée par la présence de plusieurs agences web Magento et AdobeCommerce de France, ouvrant les échanges sur les tendances du marché et la vision pour 2024.
Des invités de renom  comme Renaud Raffaelli et Régis QUINTIN ont partagé leurs visions avec la suite Adobe Commerce, ouvrant le débat vers l’avenir du commerce en ligne.
Philippe Daly nous a partagé les dernières tendances et les perspectives de croissance liées au Black Friday.

Alors, qu’est-ce qu’on retient ? Hyvä est une solution idéale pour toutes les entreprises qui recherchent des performances élevées et complètes pour leur site e-commerce.  Véritable souffle nouveau pour les plateformes sous Adobe Commerce, Hyvä promet un système efficace avec une optimisation de temps, de budget et d’expérience utilisateur.  

Vous avez un projet ? Faites-nous confiance !

Découvrez les actus de l’entreprise.

Parce que mêler plaisir, partage et travail est au cœur de notre philosophie, nous prenons toujours soin de joindre l’utile à l’agréable..

Photo promotionnelle optimisation des fiches produits, site de NIKE
Optimiser ses fiches produits et booster ses ventes en ligne
23 avril 2024

Les fiches produits sont les fondements de la stratégie commerciale. Elles jouent un rôle primordial dans la conversion de visiteurs à clients puisqu’elles fournissent des informations détaillées sur les produits proposés par une entreprise. Quelles sont les points de vigilances et les meilleures pratiques pour les optimiser et maximiser ses ventes ?

Image promotionnelle article sur le social commerce.
Social commerce et e-commerce
5 avril 2024

Le social commerce est un terme qui permet de croiser ceux de réseaux sociaux et de e-commerce. Il s’agit d’un nouveau canal de vente en pleine croissance ces dernières années, et qui continuera sans le moindre doute, de grandir dans les années à venir. Il permet aux entreprises d’avoir une nouvelle frontière pour interagir avec leur consommateur et augmenter leurs ventes en ligne.

Image promotionnelle article durabilité dans le e-commerce.
Durabilité et e-commerce
7 mars 2024

Le commerce électronique a connu une croissance fulgurante au cours des dernières décennies. Un seul objectif dans l’esprit collectif : réussir à limiter et atténuer l’emprunte écologique de cette industrie en plein essor.

Image promotionnelle article Design UX et UI.
Design UX et UI
19 février 2024

Dans le monde du design digital, deux termes reviennent invariablement dans les discussions : l’Expérience Utilisateur (UX) et l’Interface Utilisateur (UI). Souvent entremêlés et parfois confondus, ces deux concepts, bien que distincts, forment le combo essentiel à la création d’interfaces utilisateurs conviviales et intuitives.

Image promotionnelle article CMS.
Choisir le bon CMS pour son projet e-commerce
6 février 2024

Disposer d’un site internet est aujourd’hui indispensable pour être visible sur le web et ainsi attirer de nouveaux prospects. Les fonctionnalités, les coûts et les niveaux de complexité peuvent varier d’un CMS à l’autre.

Image promotionnelle pour l'article d'optimisation de site web
Optimiser ses images pour le web
16 janvier 2024

Lorsqu’il s’agit d’optimiser les performances de votre site web, l’attention portée aux images est une étape cruciale souvent négligée. 

Photo promotionnelle tendances à venir en 2024
Tendances à venir en 2024
12 décembre 2023

L’industrie du e-commerce continue de se développer, stimulée par l’innovation, les comportements consommateurs et les attentes du marché.

Image promotionnelle article ATI4 Group
Le taux de conversion B2B
30 novembre 2023

Dans l’univers dynamique du marketing et des ventes en ligne, le taux de conversion émerge comme un indicateur clé, témoignant de la performance et du succès d’une stratégie.

Image promotionnelle article méthode RFM
Segmentation et méthode RFM
7 novembre 2023

Dans le monde du marketing, l’efficacité est le maître-mot. Les entreprises cherchent constamment des moyens de maximiser leurs investissements marketing pour obtenir le meilleur ROI possible, en plaçant le client au cœur de leur stratégie.

Photo promotionnelle article audit de site web
L'audit de site web: pourquoi est-il important ?
24 octobre 2023

Dans un paysage numérique en constante évolution, il est important de veiller à ce que votre site soit performant, sécurisé et à ce que ce dernier réponde aux besoins de vos utilisateurs. 

Photo promotionnelle Marketplace, e-commerce et B2B
Marketplace et e-commerce
17 octobre 2023

Dans l’univers en perpétuelle évolution de l’économie, un modèle économique numérique est en plein boom, prêt à s’adapter à de nouvelles réalités et à trouver des moyens plus innovants les uns que les autres. 

Le web marketing
29 septembre 2023

Dans l’ère numérique d’aujourd’hui, le Web Marketing est devenu un élément incontournable pour les entreprises qui souhaitent développer leur offre de produits et de services en ligne. 

Photo promotionnelle article sur le taux d'engagement et son utilisation
L'importance du taux d'engagement et comment s'en servir
18 septembre 2023

Dans le contexte actuel du commerce électronique et de la communication marketing, le taux d’engagement est devenu un indicateur clé pour mesurer l’interaction et l’implication des utilisateurs vis-à-vis d’un contenu ou d’une marque.

Photo promotionelle article sécurisation
Sécuriser son site web
22 août 2023

Le commerce en ligne est en constante évolution et la sécurité de votre site web, que vous soyez une petite entreprise ou une grande marque, doit représenter un point d’honneur. Les sites e-commerce perçoivent un grand nombre de données à traiter pour personnaliser leurs offres de produits et de services, afin de les faire correspondre aux besoins de leurs cibles. 

Photo promotionnelle branding
Adapter sa stratégie de branding au e-commerce 
10 août 2023

Dans un monde complètement digitalisé, il est indispensable d’avoir une stratégie de branding impactante et solide afin de gagner en visibilité et en crédibilité en ligne. 

Photo promotionnelle soldes
Les soldes et le e-commerce : quel est l’impact ?
6 juillet 2023

Aaaaaahhh les soldes, cet événement tant attendu par les consommateurs à la recherche de bonnes affaires et de réductions. Mais cet évènement est aussi une date majeure dans les calendriers de sites e-commerce. 

Photo promotionnelle optimiser son site
Améliorer ses performances et l’expérience utilisateur  
29 juin 2023

L’optimisation technique d’un site web est un élément essentiel pour garantir une expérience utilisateur fluide, améliorer ses performances et renforcer son référencement.

Photo promotionnelle ATI4 Annecy
Une troisième bougie pour ATI4
19 juin 2023

Le premier juin dernier, nous avons soufflé notre troisième bougie…. Eh oui, déjà ! 🥳

Migration Magento 1 vers Magento 2
Encore sur Magento 1 ? 
15 mai 2023

Avec Magento 2, des améliorations et fonctionnalités ont été introduites, offrant aux entreprises une gestion du site optimisées. 

Photo équipe ATI4
Sondage interne : la marque employeur ATI4
28 avril 2023

Nous avons récemment mené une étude interne afin d’évaluer notre marque employeur ATI4 et d’identifier les axes d’amélioration possibles. 

Photo équipe ATI4 certifiés
Ils sont certifiés !
6 décembre 2022

Un an plus tôt, nous recrutions 4 développeurs pour notre Magento Academy. Notre objectif était de les former à cette nouvelle technologie.

Photo événement Code in the Dark
Apéro Dev, l’évènement pour développeurs !
2 novembre 2022

En novembre dernier, ATI4 a organisé, aux côtés de Numéric Emploi Grand-Est, sa première soirée Apéro Dev.

Photo tournoi inter entreprises
Le tournoi inter-entreprise : la bataille des équipes !
20 juin 2022

Passionnés du numérique et de jeux vidéo, nous avons organisé notre premier tournoi inter-entreprises.

Photo équipe ATI4
ATI4 fête ses 2 ans !
1 juin 2022

En deux ans, nous avons eu l’occasion de travailler avec de prestigieux clients B2B, d’apprendre et de grandir.