Création de site d'e-commerce

21 avril, 20232 juin, 2023

6 étapes pour créer la maquette de son site web

Véritable vitrine de votre image de marque, votre site web à la lourde mission d’attirer les internautes et de les convaincre de vous passer commande.

Par conséquent, hors de question de négliger son esthétique et son ergonomie. Sinon, vos précieux clients iront vers des sites web mieux construits : ceux de vos concurrents.

Face à la myriade d’éditeurs de site avec lesquels vous devrez lutter, vous disposez d’une technique imparable pour optimiser votre site : la création de maquettes.

Elle est d’autant plus efficace si vous la réalisez en amont des autres phases de la création d’un site web, juste après l’étude de marché.

Souhaitez-vous apprendre à construire un site web élégant et vendeur ? Voici comment créer une maquette de site web irrésistible.

Qu’est-ce qu’une maquette de site web ?

Une maquette est une représentation statique ou dynamique de votre futur site internet.

D’ailleurs, en faisant quelques recherches sur votre moteur de recherche favori, vous avez sûrement dû voir plusieurs appellations de la maquette : zoning, wireframe, mockup, maquette graphique, etc.

En réalité, il s’agit des différents stades de conception de la maquette.

Pourquoi concevoir la maquette de votre site web ?

Si vous souhaitez monter un site web rapidement, une mauvaise agence digitale peut vous recommander de sauter l’étape du maquettage. Et ce, en prétextant que vous allez gagner du temps.

Ne faites surtout pas cela.

Pourquoi ?

Car une maquette vous offre plusieurs avantages, notamment :

elle vous permet de détecter les problèmes de webdesign rapidement ;
elle vous permet de rester focalisé sur l’expérience utilisateur durant la conception de sites web sans être perturbé par les éléments graphiques ;
elle vous permet d’optimiser l’architecture de votre site et de vos pages web.

Enfin, dernier avantage des maquettes : elles vous permettent de sélectionner la meilleure agence web pour votre projet. En effet, ce sera beaucoup plus simple pour vous d’expliquer à des développeurs ce que vous attendez en leur montrant une image.

6 étapes pour construire votre maquette from scratch

Sans plus tarder, voici 6 étapes pour construire votre maquette.

1 – déterminez l’objectif de votre site web et créez un flux utilisateur

Quel objectif souhaitez-vous réaliser via votre site web ?

La réponse peut sembler évidente, et pourtant ce n’est pas (toujours) le cas.

Voici quelques objectifs fréquents des sites web :

pousser les visiteurs à télécharger une application ;
fournir plus d’informations aux prospects afin qu’ils aillent acheter sur un autre site de vente ;
rediriger les visiteurs vers d’autres sites vitrine ;
poussez les utilisateurs à prendre contact avec vous.

Cher Lecteur,

Cette liste est non-exhaustive, à vous de trouver l’objectif qui vous convient le plus à votre business.

Une fois cela fait, vous pourrez passer à l’étape suivante : créer un flux utilisateur.

Un flux utilisateur est une série d’étapes que vos internautes vont traverser depuis votre page d’accueil. À mi-chemin entre la conception de site centré-utilisateur et le marketing, il vous permet de créer un parcours client optimisé.

En effet, au sein d’un tunnel de vente optimisé, difficile pour vos internautes de ne pas sortir la carte bancaire. Par contre, si entre chaque étape, ils rencontrent des points de friction, ils déserteront vos pages web sans se retourner.

2 – analysez vos concurrents et créez un mood board

Qui sont vos concurrents ?

En sachant face à qui vous devrez vous battre, vous pourrez analyser les stratégies qu’ils utilisent sur leurs sites web.

Voici la liste des éléments qui peuvent vous intéresser :

leurs chartes graphiques ;
leurs typographies et polices ;
leurs palettes graphiques ;
le style de tous les éléments visuels.

Une fois votre analyse terminée, collez toutes vos découvertes sur une planche ou sur un coin de mur : félicitations, vous venez de créer votre moodboard !

Grâce à ce tableau, votre chef de projet sera capable de bien saisir vos attentes en termes de graphisme.

3 – déterminez l’arborescence de votre site web

En plus du référencement naturel ou payant de votre site, vous devez prendre en compte un autre élément marketing : le taux de conversion.

Afin de maximiser ce KPI, vos prospects doivent pouvoir naviguer de manière fluide sur votre site. Imaginez un seul instant avoir à suivre un tutoriel pour comprendre l’organisation des pages d’un site parce qu’il est mal organisé.

En combien de temps quitteriez-vous définitivement pareil site web ?

Pour éviter cela, nous vous recommandons de créer un sitemap visuel.

Grâce à lui, vous pourrez optimiser vos boutons d’appel à l’action et trouver le meilleur agencement de vos pages.

4 – Établissez l’architecture générale de vos pages

Comment allez-vous organiser l’information au sein de vos pages ?

Pour répondre à cette question, armez-vous d’un crayon et d’une feuille et segmentez votre page web en différents blocs : c’est l’étape du zoning.

Wireframe d'une page web — Page découpée en blocs

À chaque bloc, allouez un type de contenu (image, texte, vidéo, etc.) et des dimensions approximatives. Ce sont ces blocs qui constitueront vos futures interfaces utilisateur.

Si votre site web comporte beaucoup de pages, contentez-vous des pages principales :

la page d’accueil ;
la page catégorie et une fiche produit si vous voulez créer un site d’e-commerce;
la page service si vous désirez créer un site vitrine ;
la page contacts si votre site à une forte dimension B2B.

Par ailleurs, en tant que créateur de site, gardez à l’esprit que Google recommande de construire votre site en priorité pour les mobiles. Et si votre site n’est pas responsive design, votre référencement naturel SEO sera pénalisé.

Vous voilà prévenu.

Pour éviter le faux pas en termes de webdesign, une astuce est de vous focaliser sur la création d’un site minimaliste.

5 – dessinez votre wireframe et transformez-le en prototype

Vous savez d’ores et déjà à quoi ressembleront vos interfaces.

Maintenant, il est temps d’approfondir les détails de vos ébauches : il est l’heure de dessiner votre wireframe !

D’ailleurs, nous vous avons préparé un article complet sur les wireframes.

Et pour être certain que votre site web offrira une expérience utilisateur époustouflante, rendez vos wireframes fonctionnels. Autrement dit, transformez-le en prototype grâce à des logiciels de prototypage comme Figma.

Grâce à son côté dynamique, vous pourrez le faire tester par des utilisateurs réels – et de préférence qui ne font pas partie de votre équipe. Cela vous permettra de récolter de précieuses données utilisateurs afin d’améliorer votre site.

6 – transformer votre prototype en maquette graphique

Vous souvenez-vous de votre mood board ?

C’est à ce moment qu’il entre en jeu : vous allez insérer tous les éléments visuels que vous avez identifiés plus haut sous Adobe Photoshop ou Illustrator.

Couleurs, typographies, visuels… absolument tous les éléments de votre identité visuelle doivent être ajoutés au prototype.

À la fin de ce travail de longue haleine, vous pourrez (enfin) contempler le rendu visuel qu’aura votre futur site web.

D’ailleurs, si vous souhaitez créer un site irrésistible et qui vous générera du CA, que dites-vous de discuter de votre projet avec nos experts du web ?

11 avril, 20234 avril, 2023

App mobile ou web app : quel type d’appli choisir ?

App mobile ou web app : laquelle choisir ?

Si vous êtes ici, c’est que vous souhaitez faire développer une application pour mobile.

Seulement, vous hésitez : devez-vous opter pour le développement d’une application mobile, ou pour une application web ?

Ne vous inquiétez pas, après avoir lu ce guide, vous saurez exactement quel type d’application mobile choisir afin d’atteindre vos objectifs.

Que sont les applications mobiles et les applications web ?

Interfaces web app et mobile App de yelp.com. Source : careerfoundry.com

Avec des interfaces responsive design quasi-identiques et un fonctionnement similaire, les applications mobiles et les applications web sont parfois difficiles à distinguer. Surtout pour les non-développeurs.

Et pourtant, vous le verrez, il s’agit de deux types d’applis mobiles totalement différents.

Qu’est-ce qu’une application mobile ?

Une application mobile est un logiciel spécialement conçu pour être exécuté sur un système d’exploitation mobile (Android, iOS, Windows Phone, pour ne citer qu’eux)

Pour l’utiliser, vous devez obligatoirement la télécharger et l’installer via le magasin d’applications officiel du fabricant. Chez Google, la boutique d’applications est plus connue sous le nom du “Google Play Store”. Chez Apple, on parle d’”Apple Store”.

Une fois installée sur le smartphone de vos clients, votre application mobile vous donne les pleins pouvoirs sur l’ergonomie et la conception des interfaces utilisateur.

Vous pouvez déchaîner votre créativité (ou celle de votre webdesigner) sans aucune contrainte en termes de rendu visuel.

Mieux encore, vous n’aurez pas non plus à développer des composants natifs : vous les trouverez prêts à l’emploi dans les SDK fournies par les constructeurs.

Autant de possibilités que vous pouvez utiliser pour offrir un parcours d’achat optimal à vos utilisateurs (et augmenter vos ventes).

Côté programmation informatique, développer une application mobile native nécessite de maîtriser plusieurs technologies :

les langages de programmation Swift/Objective-C pour iOS et Kotlin/C++/Java pour Android ;
un environnement de développement, Android Studio (Android) ou Xcode (iOS)

Attention toutefois : en optant pour la création d’applications mobiles, vous allez devoir développer une application pour chaque plateforme.

Qu’à cela ne tienne, vous pouvez contourner cette limite en développant des applications mobiles hybrides avec Flutter ou React Native. Contrairement à celles développées avec des langages natifs, elles peuvent être déployées sur les plateformes Android et iOS via un seul code.

Les avantages d’une application mobile

Les voici :

elles sont parfaitement optimisées pour les mobiles ;
elles ont des temps de chargement bas ;
elles peuvent fonctionner hors-ligne ;
elles offrent des fonctionnalités avancées pour le marketing mobile, notamment pour l’e-commerce ;
elles offrent des capacités de personnalisation de l’expérience utilisateur avancées.

Les inconvénients d’une app mobile

Les voici :

elles ne sont pas compatibles avec toutes les distributions des systèmes d’exploitation mobile ;
elles sont coûteuses à maintenir et à mettre à jour ;
à chaque modification, même mineure, elles doivent être approuvées par le propriétaire de l’OS afin d’être publiées sur les boutiques d’application ;
elles peuvent être rejetées des magasins d’applications (surtout celui d’Apple), vous empêchant ainsi de pouvoir distribuer votre app ;
elles offrent peu de possibilités d’améliorer leur visibilité sur les app stores.

Maintenant, passons aux web apps.

Qu’est-ce qu’une application web ?

Aussi appelées « sites mobiles », les applications web sont des sites web pensés et conçus uniquement pour les terminaux mobiles.

À mi-chemin entre le site web responsive design et l’application mobile, une web app à trois particularités :

elle s’exécute sur le navigateur du smartphone et n’a pas besoin d’être téléchargée ;
ses interfaces utilisateur ne sont conçues que pour les périphériques mobiles, pas pour les desktop ;
elles sont accessibles exclusivement via internet et ne peuvent pas être téléchargées via des app stores.

Vous vous en doutez, ces particularités des applications web ont leurs lots d’avantages et d’inconvénients.

Les avantages d’une web app

Voici les avantages que vous gagnerez à développer une application web :

vous toucherez une audience beaucoup plus large, car elle fonctionnera sur toutes les plateformes mobiles ;
vous n’aurez pas à faire approuver votre application par les éditeurs des apps stores ;
vous aurez un coût de développement de loin inférieur à celui d’une appli mobile ;
vous pourrez effectuer des tests utilisateurs et mettre votre application à jour à en temps réel ;
vous aurez accès à plus d’outils de marketing, tel que le SEO, pour promouvoir votre appli face au nombre croissant d’applications sur les app store.

Néanmoins, les web apps ont aussi des inconvénients.

Les inconvénients d’une application mobile

Les voici :

vous n’avez pas accès à toutes les fonctionnalités natives des OS mobiles (oubliez les notifications push) ;
votre application stockant ses bases de données sur des serveurs web, elle sera plus lente qu’une application mobile ;
vous n’aurez pas accès à certaines fonctionnalités natives fournies par les OS mobiles ;
vous ne pourrez pas personnaliser l’expérience utilisateur dans ses moindres détails ;
vous ne pourrez pas vendre le téléchargement de l’application.

Voilà, maintenant que vous connaissez tout de ces deux types d’applications, il est temps de répondre à votre interrogation : quel type d’application développer ?

Pour répondre à ces questions, armez-vous d’un bloc-notes et répondez aux 5 questions suivantes.

5 questions pour choisir entre développer une app mobile ou une web app

À ce stade, vous l’avez sans doute remarqué : il n’existe pas un type d’application supérieur à l’autre.

Tout dépend de votre objectif marketing, de votre entreprise… de vous.

Et pour déterminer quel type d’application développer, les questions suivantes vous seront utiles.

1 – Souhaitez-vous atteindre tous vos utilisateurs potentiels ou juste une niche ?

À partir de quels périphériques vos clients utilisent vos services digitaux ?

C’est une question cruciale à vous poser. Et ce, même si vous n’avez pas encore de client : elle vous permet de savoir sur quel type de produit digital lancer votre offre.

Ainsi, si vos clients accèdent majoritairement à vos services sur PC, alors la meilleure option est de développer une application web. Pourquoi ? Car les CMS vous permettent de convertir votre site web en web app via un builder intégré !

Ainsi, une fois que vous aurez créé votre site d’e-commerce sous Shopify, vous pourrez demander à l’agence web de votre choix de le transformer en web app.

A contrario, si vos clients utilisent des périphériques mobiles, alors faites développer une application mobile hybride. Et pour cause, dans ce cas, leur expérience utilisateur sera la plus importante à leurs yeux, alors autant l’optimiser autant que possible.

2 – À quelle fréquence vos utilisateurs vont utiliser votre application ?

Imaginez un instant…

Il est à peine 12 heures.

C’est la septième fois de la matinée que vous vous connectez à votre messagerie professionnelle. Et pour la septième fois, vous devez aller fouiller dans votre gestionnaire de mots de passe pour retrouver vos identifiants.

Cela vous semble pénible n’est-ce pas ? Suffisamment pour chercher un concurrent plus facile à utiliser.

Si vos services sont utilisés plusieurs fois par jour, alors, il vaut mieux simplifier au maximum son utilisation : développez une application mobile et assurez-vous que votre utilisateur la télécharge.

Par contre, si vos services sont très rarement consultés, une application web fera parfaitement l’affaire.

3 – Vos services peuvent-ils supporter la latence ?

La latence est un terme informatique pour désigner le délai de transmission des données entre les différentes entités nécessaires au fonctionnement de votre appli.

Selon votre secteur d’activité, vos utilisateurs ont des degrés de tolérance différents envers celle-ci.

Si votre application est une application d’email, alors un léger décalage entre l’envoi et la réception de message est tolérable. Une app web fera parfaitement l’affaire.

A contrario, si vous créez un jeu mobile multijoueur ou une appli de trading, la moindre seconde de retard vous vaudra des avis négatifs. Et éventuellement des procès. Dans ce cas-là, développez une application mobile.

4 – quelle est la complexité de votre application ?

Cher Lecteur,

Sachez que certaines fonctionnalités natives sont inaccessibles via les applications web. Et même celles qui le sont ont des rendus visuels totalement différents des app natives.

Si votre application nécessite des fonctions complexes, par exemple la géolocalisation, optez pour une application mobile.

5 – En combien de temps voulez-vous faire développer votre application mobile ?

Interfaces de Google Analytics sur Mobile et sur son application web. Source : brainhub.eu

En développant une application web, vous épargnez à votre développeur d’applications et à votre chef de projet beaucoup de tâches. En voici quelques-unes :

la création de wireframe pour les différents périphériques ;

La programmation d’une version pour chaque système d’exploitation mobile, voire de distributions spécifiques.

Pourquoi nous vous parlons de cela ? Car cela fait considérablement baisser le temps nécessaire pour créer votre application !

De plus, vous pourrez allouer un montant au développement de loin inférieur au budget d’une appli mobile.

Si vous souhaitez savoir avec précision quel type d’application répondra le mieux à vos exigences, venez discuter avec nos spécialistes de développement mobile.

11 février, 202314 mars, 2023

Shopify : 3 façons de créer votre site e-commerce

Après avoir longtemps hésité entre créer votre site d’e-commerce via une solution sur-mesure ou via un CMS, vous avez opté pour un CMS.

Et pas n’importe lequel : Shopify.

Ce CMS Canadien séduit d’innombrables professionnels de la vente en ligne et du dropshipping. Et pour cause, il est simple à prendre en main et vous permet de créer votre boutique en ligne facilement.

Mais comment allez-vous créer votre site d’e-commerce ? Sachez que vous avez 3 options différentes pour y arriver.

Découvrez-les tout de suite.

1 – Personnaliser un thème existant

Impossible de parler d’une solution CMS sans parler des templates qui vous permettent d’avoir un site clé-en-main.

Et cela tombe bien, car Shopify est réputé pour la beauté de ses thèmes – vos ventes, et donc leurs ventes, en dépendent.

En optant pour cette approche, vous aurez le choix entre une pléthore de thèmes allant du gratuit au payant. Vous devrez alors être capable de trouver le meilleur template Shopify, ou du moins celui qui correspond le plus à vos besoins.

5 questions pour dénicher le thème Shopify idéal

Souhaitez-vous trouver le meilleur thème Shopify ? Voici 5 questions qui vous permettront de mettre la main sur la perle rare :

Quelle expérience utilisateur voulez-vous faire vivre à vos visiteurs ?
Quelles fonctionnalités souhaitez-vous implémenter ?
Quel sera votre positionnement marketing ?
Quelles sont vos attentes en termes d’affichage de vos produits ?
Quelles seront vos stratégies pour améliorer votre référencement naturel (blog, réseaux sociaux, plateformes de partages, newsletter, emails, etc.) ? Votre référencement payant SEA (Google AdWords, Facebook Ads, publicités Instagram, publications sponsorisées …) ?

Une fois que vous aurez les réponses à ces questions, armez-vous d’un crayon et d’un papier. Dessinez la maquette de quelques-unes de vos pages phares (la page d’accueil et les fiches produits surtout) pour fixer votre idée.

En dessinant ce type de maquette, vous bénéficierez des multiples avantages des wireframes et aurez une boussole qui vous guidera dans votre quête du meilleur thème. Et non celui avec les meilleures couleurs et images.

Pourquoi créer mon site d’e-commerce à partir d’un template sur Shopify ?

Donner vie à votre idée de site d’e-commerce via les thèmes de Shopify vous procure énormément d’avantages. En voici quelques-uns :

Vous ferez des économies : en optant pour des interfaces web déjà conçues, vous n’aurez plus à faire appel à l’expertise d’un web designer, ni à celle d’un développeur, ce qui se répercute sur le coût de développement de votre site web ;
Vous êtes prêt à vendre immédiatement : créer un site internet nécessite du temps. Grâce à un template, votre site de vente en ligne sera prêt en quelques clics ;
Vous bénéficiez de l’expertise d’UX/UI designer : la plupart de vos visiteurs déserteront votre site marchand si celui-ci n’est pas élégant. Et là encore, les templates de Shopify font des merveilles : ils sont tous beaux et conçus pour fournir une navigation fluide.

Attention toutefois : créer votre site internet en vous modifiant un template n’a pas que des avantages. Loin de là.

Les inconvénients de créer votre site d’e-commerce à partir des templates de Shopify

S’il faut résumer ce point en une phrase, c’est celle-ci : vous n’avez pas le contrôle total de votre site. Explications :

Vous n’avez pas accès aux codes HTML et CSS de vos pages de paniers ainsi que des pages de check-out ;
Vous ne pouvez pas modifier tous les éléments graphiques des templates, ce qui est un véritable handicape lorsque vous voudrez booster vos ventes via l’A/B testing ;
Vous êtes dépendant de l’éditeur pour les mises à jour : si une faille de cybersécurité est découverte, vous devrez attendre la réaction du créateur du template. Si certains éditeurs tiers comme ThemeForest et TemplateMonster sont réputés pour leur réactivité, ce n’est pas le cas de tous ;
Les prix des templates sont parfois élevés : certains templates de Shopify vous propose de créer des expériences utilisateur uniques, mais à des coûts parfois prohibitifs ;
Votre site ressemblera à s’y méprendre à ceux de certains de vos concurrents (ceux qui utilisent le même thème que vous) ;

Autant de raisons qui peuvent vous pousser à vous tourner vers la prochaine solution : créer votre propre thème Shopify.

2 – Développez votre propre thème

Quitte à utiliser un thème Shopify, autant avoir les pleins pouvoirs sur ce dernier. N’êtes-vous pas d’accord avec nous ?

Si oui, alors vous allez adorer cette option.

Vous vous rapprochez d’un expert shopify ou d’un développeur maîtrisant le langage Liquide – le langage officiel et peu utilisé de Shopify –, et le tour est joué.

À partir de vos explications, votre agence ou votre développeur freelance fera le reste pour vous : elle/il donnera vie à votre idée de template.

Vous n’aurez alors qu’à l’intégrer directement sur le front-office de votre site Shopify pour profiter de la pleine puissance de l’éditeur canadien.

Quels sont les avantages de créer son propre templates Shopify ?

Ils sont au nombre de 4 :

Vous possédez les droits complets sur votre template ;
Vous pouvez demander à votre prestataire d’effectuer des tests utilisateurs durant le développement, ce qui conduit à une navigation fluide et rendra votre parcours utilisateur unique ;
Le design de votre site sera unique, ce qui est un atout de différenciation marketing majeur aux yeux de vos prospects ;
Vous gagnerez en flexibilité : avez-vous envie de tester si une légère modification d’une de vos pages de vente va augmenter votre taux de conversion ? De tester deux versions d’une de vos pages web pour améliorer vos ventes ? Aucun souci. Vous n’aurez qu’à modifier les fichiers de codes HTML et CSS, et ce, en toute simplicité.

Mais comme toute chose, cette solution comporte aussi son lot d’inconvénients.

Les 2 inconvénients de développer votre propre template Shopify

Développer votre template maison sur Shopify comporte deux inconvénients majeurs :

Un prix parfois élevé : concevoir l’UX/UI de vos pages, optimiser votre parcours client, concevoir et implémenter vos différentes fonctionnalités nécessitent énormément d’efforts. Efforts qui se transforment en des frais de développement parfois élevés ;
Des délais : si l’une des raisons pour lesquelles vous avez opté pour un CMS est de pouvoir lancer immédiatement votre site d’e-commerce, vous risquez d’être déçu : créer un template demande du temps. Parfois quelques jours. Quelques semaines. Quelques mois.

Heureusement, vous pouvez éviter ces problèmes en optant pour la solution suivante.

3 – créer un site d’e-commerce headless

Imaginez un instant…

Vous avez lancé votre boutique en ligne ou votre site de dropshipping depuis plusieurs mois.

Chaque jour, vous regardez votre console, et chaque jour, vous êtes attristé par votre trafic beaucoup trop bas.

Sans surprise, vu que vous n’avez pas suffisamment de visiteurs, votre CA ne croît pas autant que vous l’espériez.

Si seulement vous aviez un moyen de fidéliser vos prospects et d’acquérir plus de trafic qualifié sur votre site web…

Après une coûteuse séance de coaching auprès d’un expert Shopify, vous avez LA solution : vous lancer dans le marketing de contenu.

Et là, horreur : vous découvrez les très nombreuses limitations dont souffre Shopify en termes de gestion éditoriale.

Nous vous rassurons d’emblée, ce scénario n’est pas imaginaire. C’est le lot d’innombrables propriétaires de sites internet faits sous Shopify.

En termes de référencement naturel SEO, le CMS canadien vous imposera des limites draconiennes : vous ne pourrez pas modifier vos fichiers Sitemap et Robot.txt ; ne pourrez pas analyser vos fichiers logs ; n’aurez pas des fonctions de blogging avancées comme celles de WordPress, etc.

Mais, ne vous inquiétez pas, il existe une solution pour tirer parti des avantages de Shopify sans subir ses limites : créer votre site d’e-commerce en headless.

Un site headless, ou site sans tête, est un site qui dissocie les deux éléments centraux de l’architecture d’un site web :

Le back-end : il s’agit des coulisses de votre site web. Vous y trouverez tous vos fichiers, contenus, bases de données et d’innombrables autres éléments. Cette partie de votre site est invisible pour les utilisateurs ;
Le front-end : il s’agit de la partie avec laquelle vos visiteurs peuvent interagir. C’est elle qui gère le rendu visuel de vos différentes interfaces web.

Ainsi, vous pourrez continuer à utiliser l’excellent CRM de Shopify sans subir les contraintes du logiciel canadien.

En séparant ces deux éléments, vous gagnez plusieurs avantages.

5 avantages des sites headless pour votre site d’e-commerce

Créer un site headless vous apporte plusieurs avantages :

une liberté totale sur la conception de votre UX/UI design ;
plus de possibilité pour améliorer votre référencement naturel SEO ;
Vous pourrez utiliser l’approche « Best of Breed », qui consiste à utiliser simultanément les meilleurs logiciels pour chaque catégorie via une seule interface, plutôt qu’un seul progiciel généraliste ;
des mises à jour moins régulières et concernant uniquement quelques fonctionnalités, extensions ou plugins, et non plus tout votre site ;
des temps de chargements réduits grâce à l’usage des technologies les plus récentes sur votre front-end.

Les sites e-commerce en headless sont donc parfaits si vous souhaitez délivrer une expérience utilisateur personnalisée omnicanal.

Leurs deux seuls inconvénients étant la complexité finale de votre site web – vous ou votre agence web allez devoir gérer l’hébergement web de votre site et choisir un hébergeur – et la perte d’accès à la marketplace de Shopify.

Comment créer un site d’e-commerce sous Shopify en headless ?

Pour donner vie à votre boutique en ligne, vous avez deux options :

soit devenir un développeur maitrisant le langage Liquid et capable de choisir entre React Native et flutter ;
soit faire appel à une agence web.

Chez Poyesis, nous vous accompagnons dans la création de votre site web de A à Z au travers de cérémonies agiles. De la conception jusqu’à la production de votre boutique en ligne, notre (vôtre?) chef de projet se tiendra à vos côtés.

Alors, qu’attendez-vous pour nous parler de votre projet de création de site d’e-commerce ?

Contactez-nous, c’est gratuit et sans engagement.

27 octobre, 202130 mars, 2023

Création site e-commerce : CMS ou développement sur-mesure?

Dans les années 2000, un nouveau type de logiciel est venu bousculer la sphère du web : les CMS.

Accessibles, gratuits, faciles à utiliser, ils vous permettent de créer des sites web et des applications par simple drag & drop. Exit les longues heures passées derrière un écran à scruter attentivement les lignes de codes.

Aujourd’hui (2021), près de 60% des sites web sont développés par un CMS.

Face à cette déferlante des CMS, une question se pose : devez-vous développer votre site d’e-commerce sous un CMS ou via une solution personnalisée ?

Si vous êtes en quête d’une réponse à cette question cruciale, vous êtes au bon endroit. Bonne lecture 🙂

Les points forts des CMS

Commençons par les CMS. Pourquoi séduisent-ils autant de monde ? Il y a au moins 3 raisons derrière ce succès :

vous aurez des modules prêts à l’emploi : non seulement, vous n’avez plus à les coder, mais ils sont déjà prêts à être utilisés. Sur des CMS comme Shopify ou BigCommerce, vous n’avez qu’à insérer votre contenu et votre boutique en ligne est prête ;
vous débourserez moins pour votre site web : de nombreux CMS comme WordPress.org sont gratuits et open-source. D’autres sont payants, mais peu chers et offrent des forfaits mensuels. Mais qu’importe le cas, un site web fait sous l’une de ces solutions vous revient beaucoup moins cher que si vous aviez engagé un freelance ou une agence pour créer une boutique en ligne sur-mesure ;
Vous obtiendrez plus vite votre site : créer un site internet custom demande de passer par d’innombrables phases. Après s’être entendus sur le choix entre React Native ou Flutter, les développeurs doivent concevoir votre architecture, l’implémenter, etc. Autant de tâches qui rallongent considérablement la durée de création de votre site. Avec un CMS, vous n’avez plus à traverser ces étapes, ce qui réduit considérablement les délais de développement.

Maintenant que nous avons terminé avec les CMS, attaquons-nous maintenant aux sites customs.

Les points forts des développements sur-mesure

Réputé plus chers – ce qui n’est pas toujours vrai -, plus longs et plus techniques, les solutions sur-mesure continuent de séduire. Et voici pourquoi :

vous avez accès à plus de fonctionnalités : si votre site d’e-commerce nécessite une fonction non-standard, vous serez heureux d’avoir opté pour un développement sur-mesure. Avec quelques lignes de codes supplémentaires, votre développeur pourra l’ajouter sans soucis. Alors qu’avec un CMS, vous devrez très souvent augmenter votre abonnement, dépendre d’un fournisseur tiers ou alors ne pourrez pas implémenter la fonctionnalité voulue ;
votre site aura un design unique : pour comprendre ce point, faites le tour de quelques sites développés sous WordPress et Shopify. Pour les identifier, passer juste leurs URL à l’outil whatcms.org. Vous verrez qu’ils ont tendance à tous se ressembler et à proposer une expérience utilisateur similaire. Problème que vous n’aurez pas en créant votre site sur-mesure ;
vous avez plus de flexibilité : sur un CMS, certaines fonctionnalités peuvent être bridées. Fort heureusement, sur un site fait sur-mesure, vous êtes le seul maître à bord. Libre à vous de faire ce que vous voulez. Et c’est valable même si vous avez opté pour un CMS headless (le CMS gère le back-office tandis que le front-office est en custom) ;
Vous ne paierez aucune commission sur les ventes : contrairement à votre site sur-mesure, un CMS vous ponctionne des frais de transactions d’une part fixe et d’autre part variable en plus de l’abonnement mensuel – 0.3 € par transaction + 2.5% du CA chez Shopify. Passer un certain cap, ces frais deviennent tout simplement prohibitifs.

Hésitez-vous à choisir votre site web sous un CMS ou sur-mesure ? Parlons ensemble de votre projet ! Nous vous aiderons à trouver la solution la plus adaptée.