Développer sans coder, la nouvelle tendance du NoCode

Le NoCode, c’est quoi ?

Le NoCode est un mouvement global visant à démocratiser les outils de développement. Oui, vous avez bien compris, désormais tout le monde peut développer un site. Ces outils permettent de concevoir et créer des sites internets, des webapps, ou même des ERP sans avoir à écrire une seule ligne de code et sans l’aide d’un développeur. Oui mais…

De l’idée à la réalisation, il n’y a qu’un pas

La valeur ajoutée du NoCode est de pouvoir tester rapidement et efficacement une idée. C’est d’autant plus vrai dans le cadre d’un PoC (Proof of Concept) ou d’un petit site avec seulement quelques pages. Ces outils de création visuels sont relativement simples à prendre en main et jouissent d’une très forte communauté partageant des vidéos tutoriels vidéo ou des conseils. Webflow, célèbre outil de création de sites visuels, dispose d’une académie en ligne et des cours en vidéos pour tous niveaux. Alors oui, prendre en main Webflow requiert de connaitre les basiques de l’intégration et du développement front. Nos designers à l’agence travaillent régulièrement avec nos teams de développeurs et c’est fondamental chez Arneo d’avoir cette connaissance lors de la conception d’un site. Et indispensable pour un projet NoCode.

Modèle de site ou sur-mesure ?

Webflow dispose d’un large éventail de thèmes prêts à l’emploi (gratuits ou payants) mais il est évidemment possible de commencer d’une feuille blanche. Dans le cadre de nos projets, nous avons réalisé au préalable le design des pages sous Figma.

Reproduire le design dans Webflow

Les designs sont a recréer dans Webflow, en adoptant une architecture et une nomenclature plus proches de celles qu’un développeur aurait utilisées pour nommer ses divs, ses classes et en structurant de manière propre la page.

Le rendu visuel instantané facilite les ajustements et le redimensionnement permet d’adapter les blocs à largeur de viewport.

L’outil permet une gestion fine des différents styles, il est possible de reproduire fidèlement les effets pensés sur notre logiciel graphique. Et en cas de besoin, Webflow dispose d’un éditeur de code intégré, suffisant pour réaliser des micro-ajustements.

Les animations, parallaxe, Mouse Move, OnScroll effects et autres hovers répondent présents. Donner vie à ces animations se fait de façon très agréable.

Mise en place du CMS

Une fois l’intégration de la page réalisée, la tâche la plus ardue du procédé aura été d’imaginer une structure logique de CMS et de lier l’ensemble des contenus à des articles, le tout sans casser la structure de la page préalablement intégrée.

Webflow semble moins malléable qu’un CMS grand marché type Drupal ou Wordpress et il faut parfois ruser pour imaginer des collections pertinentes pour faciliter la vie du futur contributeur.

Passé cette réflexion et après quelques aides externes (merci à la communauté des développeurs Webflow !), le CMS était prêt à l’emploi et il devenait facile de créer de nouvelles pages, y insérer des blocs de contenus et contribuer aux articles / news à afficher dans la page.

Le tout de manière simple et relativement intuitive.

Prise de recul et avis général

Qu’on se le dise, Webflow souffre de quelques limites et ne sera pas la solution pérenne et scalable pour un produit digital d’envergure. Cependant, il nous aura séduit par sa prise en main intuitive, sa large communauté de développeurs prête à aider, et la facilité de mise en place d’un site qui n’aura pas à rougir face à un code manuel.

Attention également si vous souhaitez une gestion fine du SEO ou maitriser l’éco-conception du site. Webflow ne sera pas aussi pertinent que du sur-mesure.

Passée la phase d’adaptation et de remise à niveau, le gain de temps est réel si l’ambition du produit fini est de l’ordre du PoC ou du MVP.

Quel avenir pour le métier de développeur ?

Rassurez-vous, le métier de développeur a encore de beaux jours devant lui. Le NoCode ouvre de nouvelles perspectives et opportunités à un public qui n’aurait jamais investi du temps dans la création d’un projet from scratch.

En agence digitale, le NoCode libère du temps aux développeurs pour qu’ils se concentrent sur des projets de plus grande envergure, et donne plus d’autonomie et de responsabilités au Designer qui sera alors garant de l’ensemble du projet de la création jusqu’à la réalisation.

Moins d’intermédiaires, plus d’efficacité. Une relation directe et privilégiée avec le client et, jusqu’à maintenant, une satisfaction au rendez-vous.

En bref :