Si le développement web a longtemps été réservé à des professionnels qui savaient coder, on observe aujourd’hui que des outils très simples à prendre en main permettent de coder énormément de choses sans avoir à se prendre la tête : site Internet, application web ou mobile, base de données ou newsletter : tout est possible !

J’en ai récemment fait l’expérience en créant ce site web dédié au podcast de Sortlist sur base d’un simple Airtable.

C’est ce qu’on appelle du No-Code et il pourrait changer l’avenir de la programmation. Dans cet article, on va étudier les avantages et les inconvénients du no-code.

Table des matières

Qu’est-ce que le no-code ?

Avant d’expliquer ce qu’est le no-code, il faut rappeler l’utilité du code. Pour faire simple, le code permet à la personne qui le rédige de donner un certain nombre d’instructions à une machine, à l’aide de commandes assemblées dans un ordre logique.

Écrire du code demande un certain niveau de compétence en programmation et de maîtriser des langages comme le HTML, qui permet de coder des pages Web et de les mettre en forme. 

Cela dit, même si le fait de savoir programmer présente des avantages, il y a deux inconvénients à prendre en considération :

  • Devenir bon en programmation demande du temps, et recruter quelqu’un qui dispose de ces compétences coûte cher.
  • De par le niveau de maturité que le digital a aujourd’hui, l’envergure des projets qui doivent être menés à bien ne nécessite pas forcément de devoir parfaitement maîtriser la programmation.

Tout le problème se trouve dans le fait qu’il n’y a que deux possibilités : soit vous savez programmer et vous pouvez faire beaucoup de choses, soit vous ne savez pas programmer et vous êtes vite limité dans les projets que vous voulez implémenter.

C’est ici que toute la valeur du no-code s’exprime. Aujourd’hui, grâce à ces nouveaux outils, il est possible de lancer des petits projets digitaux sans devoir toucher une seule ligne de code. Ainsi, les TPE et les PME qui ne souhaitent pas investir de moyens dans la programmation ont tout intérêt à se tourner vers des outils no-code.

Pour expliquer le no-code en quelques mots, il s’agit d’une façon de programmer sans avoir besoin de compétences en programmation. Pour le dire autrement, les plateformes de no-code sont des solutions de programmation visuelle, c’est-à-dire qu’au lieu de manipuler des lignes de code, l’utilisateur va manipuler des blocs qu’il pourra faire glisser et déposer. 

J’ai fait ce gif pour vous montrer l’exemple de Beyond Marketing, que j’ai mentionné en début d’article :

no-code gifComme vous pouvez le voir, j’ai modifié une variable dans mon Airtable, et ça s’est directement traduit sur le site. Et je n’ai pas eu à toucher la moindre ligne de code pour le faire.

adimeo
ADIMEO
Paris, France
4.84 - 3 recommandations
Ergonomie (UX/UI)Stratégie DigitaleDéveloppement webLogiciels Création de Site WebE-commerce Software
Découvrir l’agencearrow_forward
capture-decran-2021-02-19-a-18-07-30
Nemesis tech
Paris, France
4.5 - 10 recommandations
Développement webDéveloppement mobile & AppLogiciels Création de Site WebE-commerce Software
Découvrir l’agencearrow_forward
capture-decran-2020-11-20-a-10-53-26
Accelerator Team
Paris, France
5 - 9 recommandations
Développement webDéveloppement mobile & AppLogiciels Création de Site WebE-commerce Software
Découvrir l’agencearrow_forward
capture-decran-2020-10-23-a-12-33-16
Periscope
Paris , France
4,5 - 5 recommandations
SEOStratégie DigitaleDéveloppement webLogiciels Création de Site WebE-commerce Software
Découvrir l’agencearrow_forward
capture-decran-2020-10-23-a-12-24-06
ITDM Group
Colmar , France
4,5 - 5 recommandations
Mobile & App DesignStratégie DigitaleDéveloppement webDéveloppement mobile & AppLogiciels Création de Site WebWeb & Software Development
Découvrir l’agencearrow_forward
capture-decran-2020-10-09-a-10-35-06
Aji Creative
Lognes, France
5 - 26 recommandations
SEOMobile & App DesignStratégie DigitaleDéveloppement webDéveloppement mobile & AppE-commerce Software
Découvrir l’agencearrow_forward
capture-decran-2020-06-26-a-12-05-06
Bfast-Développement
Vibraye, France
0 - 0 recommandation
Content MarketingStratégie DigitaleDéveloppement webDéveloppement mobile & AppWeb DesignLogiciels Création de Site Web
Découvrir l’agencearrow_forward
capture-decran-2020-06-26-a-10-28-35
Agence Paprika
Poisy, France
0 - 0 recommandation
BrandingStratégie DigitaleDéveloppement webWeb DesignDesign Graphique
Découvrir l’agencearrow_forward
anadore
Anadore
Paris, France
5/5 - 1 recommandation
Développement webWeb DesignLogiciels Création de Site WebDesign Graphique
Découvrir l’agencearrow_forward
clic
Let’s Clic
Paris, France
5/5 - 32 recommandations
Stratégie DigitaleDéveloppement webLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
celu
CELUGA
Paris, France
5/5 - 5 recommandations
Mobile & App DesignStratégie DigitaleDéveloppement webDéveloppement mobile & AppLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
split
SPLIT
Paris, France
5/5 - 6 recommandations
Mobile & App DesignStratégie DigitaleDéveloppement webDéveloppement mobile & AppLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
pari
Imagine Communication
Paris, France
5/5 - 9 recommandations
Content MarketingBrandingEvenementielStratégie DigitaleDéveloppement webWeb DesignLogiciels Création de Site WebProduct DesignDesign GraphiqueE-commerce SoftwareMarketing
Découvrir l’agencearrow_forward
piment
L-Agence-Communication.fr
Villeneuve-d'Ascq, France
5/5 - 20 recommandations
BrandingStratégie DigitaleDéveloppement webLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
fly
Flying Saucer Studio
Paris, France
5/5 - 11 recommandations
Content MarketingBrandingEmailingStratégie DigitaleDéveloppement webLogiciels Création de Site WebDesign GraphiqueMarketing
Découvrir l’agencearrow_forward
toch
LesBonsTech
Lyon, France
5/5 - 5 recommandations
Content MarketingMobile & App DesignDéveloppement webDéveloppement mobile & AppLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
hello
Hello Pomelo
Paris, France
5/5 - 22 recommandations
Mobile & App DesignRelations PubliquesStratégie DigitaleDéveloppement webDéveloppement mobile & AppLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
impulse
D-IMPULSE
Bois-Guillaume, France
5/5 - 9 recommandations
Content MarketingStratégie DigitaleDéveloppement webLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
sokeo
SOKEO
Marseille, France
5/5 - 11 recommandations
Content MarketingStratégie DigitaleDéveloppement webDéveloppement mobile & AppLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
web-4
MDWeb
Villeneuve-d'Ascq, France
5/5 - 1 recommandation
Développement webLogiciels Création de Site WebE-commerce Software
Découvrir l’agencearrow_forward
ajensi
ajensi
Paris, France
5/5 - 9 recommandations
Mobile & App DesignDéveloppement webDéveloppement mobile & AppLogiciels Création de Site WebProduct DesignDesign Graphique
Découvrir l’agencearrow_forward
spring1
Springbok
Paris, France
5/5 - 0 recommandation
Content MarketingBrandingStratégie DigitaleDéveloppement webDesign Graphique
Découvrir l’agencearrow_forward
elan
ÉLAN CRÉATIF
Échirolles, France
5/5 - 6 recommandations
Content MarketingEvenementielStratégie DigitaleDéveloppement webLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
usts
USTS Innovative Agency
Paris, France
5/5 - 7 recommandations
Content MarketingBrandingEvenementielRelations PubliquesDéveloppement webMarketing
Découvrir l’agencearrow_forward
zol
ZOL
Lyon, France
5/5 - 9 recommandations
Stratégie DigitaleDéveloppement webDéveloppement mobile & AppLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
crea
Envision
Grenoble, France
5/5 - 5 recommandations
Stratégie DigitaleDéveloppement webLogiciels Création de Site WebE-commerce Software
Découvrir l’agencearrow_forward
expe1
Andinasoft
Noyers-sur-Cher, France
5/5 - 5 recommandations
Mobile & App DesignStratégie DigitaleDéveloppement webLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
simple3
SIMPLE CONCEPT
Lyon, France
5/5 - 6 recommandations
Mobile & App DesignEmailingStratégie DigitaleDéveloppement webLogiciels Création de Site WebE-commerce Software
Découvrir l’agencearrow_forward
creat
Dynamic Creative
Aix-en-Provence, France
5/5 - 4 recommandations
BrandingEvenementielStratégie DigitaleDéveloppement webWeb DesignLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
wsi1
WSI-Kalizeo
Chevilly Larue, France
5/5 - 7 recommandations
Réseaux SociauxContent MarketingEmailingRelations PubliquesMobile MarketingStratégie DigitaleDéveloppement webLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
simpl
SimplX
Lyon, France
5/5 - 3 recommandations
Mobile & App DesignDéveloppement webDéveloppement mobile & App
Découvrir l’agencearrow_forward
web
Web Studios
Paris, France
5/5 - 21 recommandations
Stratégie DigitaleDéveloppement webLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
we1
HUGGGY
Ottignies-Louvain-la-Neuve, Belgium
5/5 - 4 recommandations
BrandingDéveloppement webLogiciels Création de Site WebDesign GraphiqueMarketing
Découvrir l’agencearrow_forward
mark1
Make it
Brussels, Belgium
5/5 - 5 recommandations
Réseaux SociauxContent MarketingBrandingStratégie DigitaleLogiciels Création de Site WebE-commerce SoftwareWeb & Software Development
Découvrir l’agencearrow_forward
sinapse
Sinapse
Watermael-Boitsfort, Belgium
5/5 - 1 recommandation
Content MarketingMobile & App DesignBrandingStratégie DigitaleDéveloppement webLogiciels Création de Site WebDesign GraphiqueE-commerce Software
Découvrir l’agencearrow_forward
dev1
Devcom-Media
Forest, Belgium
5/5 - 6 recommandations
Content MarketingBrandingStratégie DigitaleDéveloppement webDesign Graphique
Découvrir l’agencearrow_forward
fish
Jellyfish creative studio
Liège, Belgium
5/5 - 1 recommandation
Stratégie DigitaleDéveloppement webLogiciels Création de Site WebDesign Graphique
Découvrir l’agencearrow_forward
sparkl
Sparkle
Mons, Belgium
5/5 - 4 recommandations
Mobile & App DesignDéveloppement webLogiciels Création de Site WebE-commerce Software
Découvrir l’agencearrow_forward
sfd
Savoir Faire Digital
Blegny, Belgium
5/5 - 0 recommandation
Stratégie DigitaleDéveloppement webLogiciels Création de Site WebE-commerce Software
Découvrir l’agencearrow_forward
blue1
Blue e-Motion
Lasne, Belgium
5/5 - 4 recommandations
Stratégie DigitaleDéveloppement webLogiciels Création de Site WebE-commerce Software
Découvrir l’agencearrow_forward
zee-group-illustration
Zee Group
Paris, France
4.5 - 15 recommandations
E-commerce SoftwareCreative & DesignWeb & Software Development
Découvrir l’agencearrow_forward
capital-panache-illustration
Capital Panache
Brussels, Belgique
5 - 7 recommandations
E-commerce SoftwareCreative & DesignWeb & Software Development
Découvrir l’agencearrow_forward

Quelques outils no-code pour créer un site Internet

Faire son blog ou son site Internet avec Weebly ou Wix

Il n’a jamais été aussi facile que de créer son site Internet avec des logiciels comme Weebly ou Wix.

Il faut d’abord sélectionner un modèle de site parmi ceux proposés par l’outil que vous pensez utiliser. Vous aurez ainsi une base sur laquelle travailler pour créer votre site. L’étape suivante consiste à choisir un nom de domaine. 

Une fois cette étape effectuée, une multitude de choix se présentent à vous, parmi lesquels : 

  • remplacer les images prédéfinies. 
  • modifier les couleurs du thème ainsi que les polices d’écriture utilisées.
  • ajouter, supprimer ou modifier les éléments déjà implémentés. 
  • intégrer des blocs, des contenus média ou des plug-ins, tels que des boutons pour les réseaux sociaux, des vidéos que vous pourrez encapsuler ou de nouveaux blocs de texte.

Ces outils présentent quelques différences, malgré un usage qui se veut similaire : 

  • plus de templates sont disponibles sur Wix et ce dernier permet une plus grande liberté dans la modification des templates. 
  • la facilité d’utilisation, Weebly propose moins d’options. 
  • l’éditeur de texte, qui est plus complet sur Weebly que sur Wix.

Nous avons un article sur 6 logiciels de création de site web si vous souhaitez en savoir plus.

Des outils très complets pour créer une application web : Bubble et Webflow

De la même façon que Weebly et Wix permettent de créer un site web, Bubble et Webflow permettent de créer n’importe quel type d’application web. 

Bubble existe depuis 2012 et compte 500 000 utilisateurs, alors que Webflow existe depuis 2013 et compte plus de 250 000 utilisateurs.

Leur fonctionnement est légèrement plus compliqué que celui de Weebly et Wix. Cela dit, leur interface permet de répondre à une variété de besoins en donnant la possibilité de gérer l’expérience utilisateur qui sera proposée grâce à la création de « scénarios utilisateur ».

Bubble offre une gamme de tutoriels très complets, qui vous détaillerons une énorme palette de fonctionnalités que vous pouvez utiliser. Quant à Webflow, c’est un outil plus adapté aux utilisateurs souhaitant une grande liberté de personnalisation, au prix d’une prise en main plus complexe.

Les avantages du no-code

L’avantage principal du no-code est de pouvoir programmer des choses sans avoir besoin de compétences en programmation. Les solutions actuellement proposées permettent à leurs utilisateurs de créer des projets fonctionnels en un rien de temps. Bien évidemment, les solutions no-code proposées s’appuient sur du code, mais celui-ci est invisible pour les utilisateurs.

Ce qui est intéressant, c’est que le no-code a connu un boom pendant le confinement du printemps 2020. En effet, de nouveaux besoins ont émergé suite à la crise sanitaire. Ces besoins ont dû être traduits en des produits web fonctionnels. Des entreprises comme Bubble ont accompagné de très nombreux porteurs de projets dans la réalisation de leur solution.

Les points de vigilance avec le no-code

Si le no-code est intéressant, il y a quand même des points d’attention à prendre en compte.

Tout d’abord, il n’y a pas d’interopérabilité entre les différents outils de no-code. Chaque outil n’est pas vraiment comparable à son voisin. Et ce, même s’ils sont destinés à créer le même type de produits.

Par exemple, si vous créez votre site sur Weebly, vous n’avez aucun moyen de transférer son contenu vers Wix. Certains outils permettent une migration de l’outil vers une solution d’hébergement propre (Weebly), alors que d’autres ne le permettent pas (Wix).

De plus, même si la palette des fonctionnalités est très large, l’utilisateur reste limité. Ainsi, un créateur de site qui voudrait aller plus loin aura très certainement besoin de coder.

Enfin, le prix est une chose à prendre en compte dans le choix de votre outil no-code. Selon vos besoins, il faudra peut être souscrire à une formule payante. En effet, il existe des formules gratuites, mais celles-ci sont limitées en termes de fonctionnalités.

Calculez l’intérêt que vous avez à dépenser un forfait mensuel ou annuel pour un outil no-code, comparé à un investissement sur le long terme en payant une solution codée par une agence de développement web.

Conclusion

Les outils no-code sont faciles à prendre en main. Il en existe beaucoup, pour des usages très différents. Outre les outils existants pour créer des sites Internet, il existe également des outils spécifiques à d’autres usages. Nous pourrions citer Adalo (applications mobiles), Glide (applications à partir d’un Google Sheet) ou MailChimp (newsletters).

Enfin, prenez garde à ne pas comparer code et no-code. Bien que des solutions très puissantes existent sur le marché du no-code, celles-ci doivent être adaptées à vos besoins. Si les outils no-code ne répondent pas à ces besoins, il faudra vous diriger vers une solution de développement web plus classique.