WeWeb : tout savoir sur l'outil

WeWeb est un outil NoCode puissant qui permet de développer l'interface d'une application web en utilisant la programmation visuelle. Si certains outils tendent à tout regrouper au même endroit, la plateforme se démarque de ses concurrents par cette volonté forte de dissocier front-end et back-end. Il est donc essentiel de bien comprendre la séparation entre les deux notions ainsi que le besoin de connecter WeWeb à un outil backend de gestion de données pour développer son produit digital. L'outil offre une grande flexibilité et des fonctionnalités avancées pour développer facilement un front-end.

‍

Quels sont ses autres avantages ? Comment bien utiliser WeWeb pour développer son projet en NoCode ? Réponse dans cet article.

‍

‍

WeWeb, qu'est-ce que c'est ?

‍

WeWeb est un outil de développement web NoCode qui se présente sous la forme d'un logiciel SaaS hébergé sur le cloud. Il permet de concevoir le front-end d'une application web, c’est-à-dire ce que les utilisateurs voient, son interface. Pour développer un produit digital, WeWeb doit se connecter avec une base de données et/ou plusieurs services externes. C’est une vraie volonté de la part de l’outil de se concentrer sur cet élément.

‍

En effet, après avoir effectué des recherches, les créateurs de WeWeb se sont rendu compte que les développeurs expérimentés préféraient séparer front-end et back-end pour deux raisons :

• Les MVP notamment, sont souvent conçus sur des outils NoCode qui les verrouillent dans des systèmes de vendor-lockin. Il est plus compliqué de migrer l’applicatif et les données pour pouvoir évoluer par la suite en passant par ce type d'outil.
• La plupart des clients stockent déjà leurs données sur un outil, ils ne souhaitent pas forcément les (re)copier dans un SaaS.

‍

WeWeb répond à ses deux enjeux et ajoute bien d’autres qualités à son arc.

‍

‍

‍

Que peut-on construire en WeWeb ? Des exemples.

Que l'on parte de 0 ou d'un template, il est possible de créer des produits tels que :

‍

Des MVP

En bon builder NoCode, WeWeb permet de créer un MVP rapidement sans coder. La possibilité de connecter à des outils tiers, de récupérer ses données et son code, optimise la scalabilité de l'app, même s'il faut changer de stack en cours de route.

Découvrir le cas d'étude Ai Music

‍

Des interfaces de type SaaS (Software as a Service)

L'utilisation de cet outil est idéale pour concevoir des tableaux de bord faciles à prendre en main ou des interfaces utilisateurs intuitives et personnalisées qui répondent aux besoins spécifiques des utilisateurs.

Découvrir le cas d'étude Légimédia

‍

Des portails clients

La sécurité et la fiablité de l'outil autorisent la création de plateforme client pour les entreprises qui souhaitent partager en ligne des données spécifiques avec leurs clients, le tout en conservant la performance de l'app, même avec beaucoup d'utilisateurs.

‍

Des outils internes

Quelle entreprise n'a pas besoin de digitaliser ses processus internes pour entrer dans sa digitalisation ? WeWeb s'avère être un bon candidat pour développer des outils métiers avec rapidité et connexion à de multiples outils (ERP, CRM, éditeur de facture, de signature, mail, etc.).

Tu veux découvrir la vision des fondateurs de WeWeb ? Découvre l'interview de Joyce.

‍

Les avantages de WeWeb

WeWeb promet une création d’application 10 fois plus rapide en ne construisant que le front-end grâce à des fonctionnalités accessibles et utiles. Toutes ses fonctionnalités en font une alternative sérieuse à Bubble notamment. Les deux outils n’abordent cependant pas les mêmes visions et comme souvent, c’est le projet qui va déterminer la nature de l’outil à utiliser. Voici les principales fonctionnalités liées aux avantages :

‍

L’éditeur visuel

Comme la majorité des outils utilisant le NoCode, WeWeb offre une interface de programmation visuelle très intuitive sous forme de glisser-déposer, inspirée de Webflow et des standards du web. L’outil met à disposition une très vaste bibliothèque de blocs préconstruits. Ce qui permet une grande liberté de conception en matière de design. Sa puissance autorise la création de composants customs ou personnalisés et permet alors la reproduction de maquettes au pixel près.

‍

‍

‍

Les workflows

On peut créer des logiques métier avancées avec des actions et des workflows construits en NoCode, donc de manière très simple. Ces bibliothèques d’actions peuvent être combinées et on peut ajouter des conditions pour repousser les limites.

‍

Par exemple : Quand je clique sur ce bouton, je souhaite que l’application :

1. Effectue un call API pour enregistrer la donnée.
2. Redirige l’utilisateur vers la page d’accueil, sous condition que tel champ soit rempli, sinon cela génère un message d’erreur.

‍

Les intégrations

WeWeb propose deux types d’intégrations :

• Les intégrations natives qui permettent d’intégrer des API populaires : telles que Xano, Airtable, Supabase, etc.
• Les intégrations d’API tierces : avec n’importe quelle API, par exemple Stripe, Google map, Calendly ou encore Typeform.

‍

La sécurité

WeWeb propose jusqu’à 6 méthodes d’authentification native afin de protéger les données sensibles grâce aux meilleures solutions du marché. L’outil permet aussi de protéger les pages en fonction des rôles et des autorisations des utilisateurs.

C’est un gros point fort, la sécurité est souvent pointée du doigt dans les conceptions en NoCode. Même en sachant que les failles en sécurité sont la plupart du temps du ressort de l’humain, c’est rassurant de savoir que du côté de l’outil, le nécessaire est fait.

‍

Le responsive design

Comme la plupart des ses concurrents, WeWeb offre une très bonne expérience responsive aux utilisateurs des applications construites via l’outil. Son système de flexbox permet d’adapter les interfaces et le contenu de l’application à différents appareils et tailles d’écran.

De quoi optimiser l’expérience utilisateur et le référencement.

‍

La WeWeb Academy

Le site de WeWeb propose des cours en ligne afin d’améliorer ses connaissances et sa maitrise l’outil. C’est un vrai plus pour se former ou encore faire progresser sa courbe d’apprentissage. De plus, on peut trouver directement de l’aide grâce à la communauté disponible par le biais de l’académie.

‍

D’autres fonctionnalités très bien pensées comme :

• La possibilité de déployer son application sur sa propre infrastructure en exportant le code (WeWeb autorise la récupération du code source et génère une application en vue.js).
• La possibilité de construire une PWA qui permet d’installer l’application sur son téléphone.
• La mise à disposition d'UI kit prêts à l’emploi ou d’UI kit à concevoir soi-même. Bonus : c’est aussi possible pour les workflows.
• La possibilité de customiser l’ensemble avec du code traditionnel pour aller plus loin (LowCode).

‍

Les inconvénients de WeWeb

Parce qu’il faut bien en trouver, même si on aime beaucoup l’outil.

‍

Les manques liés au premier plan payant

Pour l’instant avec cette formule, impossible d’avoir accès à un environnement de test pour tester l’application avant de la pousser en live. En live signifie qu’elle est sur un serveur de production et que tout le monde peut y avoir accès. Cela induit qu’on ne peut tester l’application qu’en conditions réelles, donc une fois déployée ou bien directement dans l’éditeur en mode preview.

C’est problématique surtout lorsque le projet se développe en continu et aussi dans le cas d’un bug par exemple qui se retrouvait directement exposé en live.

‍

Le manque de plugins disponibles

L’outil est jeune par rapport aux principaux outils implantés depuis quelques années déjà. Il manque encore d’une bibliothèque de plugins capable de rivaliser avec les mastodontes tels que Bubble ou Webflow par exemple.

Cependant, pour remédier à ce manque, on peut demander à WeWeb de créer un plugin spécifique ou bien le construire soi-même et l’intégrer. Cette option reste pratique !

‍

Le prix de WeWeb

Outre l'option gratuite pour se faire un avis sur l'outil, la tarification s’axe sur plusieurs plans :

• Le plan projet qu’il faut prendre pour construire et déployer l’application.
• Le plan workspace si l’on a besoin de sièges d’éditeurs supplémentaires pour la conception. De base l’outil en propose un gratuitement.

Il existe en plus une tarification agence, pour les professionnels qui comme nous, travaillent sur l’outil. Le nombre de plugins intégrés et le nombre de visites mensuelles de l’application doivent être considérés pour savoir quel plan choisir.

À ce prix, il ne faudra pas oublier d’ajouter celui de l’outil back-end dans tes prévisions budgétaires chaque mois ou à l'année. En somme, cela peut coûter plus cher qu’un outil tout en un.

‍

Conclure sur WeWeb

WeWeb s’impose donc comme un outil puissant et accessible. L’outil prend le parti de dissocier back-end, front-end et se concentre sur les connexions avec diverses sources. Cela lui donne une grande flexibilité ainsi que la possibilité de créer des design sur mesure. Par ce biais, la courbe d’apprentissage est plus complexe mais permet de déployer des applications puissantes.

La frontière entre le code et le NoCode n’a jamais été aussi mince, tout en gardant le concept de programmation visuelle au cœur de son éditeur. Une belle prouesse d'après nous.

‍

‍