Le no-code [2/2]
Cette newsletter a pour objectif de te montrer, très concrètement, comment j'utilise le no-code. Si tu n'as pas lu le premier épisode, je t'invite à le faire ici.
Je vais prendre l'exemple de 2 cas dont j'ai eu récemment à traiter. Tout d'abord, une page d'accueil pour un nouveau logiciel. Puis un exemple de prototypage.
Kanyon
Je travaille en ce moment, avec mon associé, sur le sujet du reporting (la communication des données via un rapport). En lançant Twake, nous étions confrontés à une problématique simple. Nous utilisions beaucoup d'outils: Google Analytics, Hubspot, Gitlab, Mixpanel, Mailjet, Stripe, ... Tous ces outils détenaient une part des informations clés sur notre business (KPI). Or, il n'était pas facile d'avoir une vision d'ensemble sur l'entreprise car nous devions aller chercher nos KPI sur différents logiciels.
C'est pourquoi nous avons décidé de créer Kanyon, un service qui t'envoie régulièrement par mail ou via ta messagerie préférée (Twake, Slack, ...) un reporting clair des KPI que tu souhaites suivre.
Nous allons bientôt ouvrir la béta. Notre objectif est de trouver des pilotes pour tester l’outil. Nous souhaitons recueillir un maximum d'avis. Nous avons donc construit une page d'accueil présentant le problème que nous voulons résoudre et la solution que nous apportons. Cette page d'accueil, nous aurions pu la coder à la main. Mais nous avons choisi d'utiliser un service pour créer cette page : unicornplatform
L'outil est très facile à utiliser. Il suffit d'ajouter sur chaque page, des blocs qui peuvent être personnalisés. Le design est simple mais adapté à un SaaS. Avoir recourt à un outil de ce type a un avantage certain : je suis resté concentré là où j'ai plus de valeur ajoutée. J'ai travaillé à 90 % de mon temps sur le message que je voulais partager. Je ne suis pas le meilleur pour designer une landing page. Je ne suis pas le meilleur pour la coder non plus. Mais je suis le meilleur pour expliquer ce que nous construisons. Elle est là ma valeur ajoutée.
Le but étant de trouver des testeurs, un champ est disponible pour rentrer son adresse mail. Là encore, pas de code. Lorsque quelqu'un donne son email, il est capté par n8n et automatiquement ajouté dans airtable. De plus, n8n envoie un mail de bienvenu pour entrer en contact avec cette personne.
Grâce à ce système, j'ai pu me concentrer sur le message de bienvenu sans me poser de question sur le script qui va envoyer le mail. Je me suis concentré là où j’ai une valeur ajoutée.
Prototype
Je vais te présenter maintenant un autre exemple de no code. Faire une landing page, ça peut paraître simple. En revanche, créer une application mobile sans coder peut paraître plus ambitieux. Je vais te parler du prototypage que j'ai fait tester : le futur de Twake.
Voici le contexte : Twake est actuellement une messagerie instantanée d'équipe et nous allons transformer la plateforme vers une discussion plus asynchrone. En entrant chez Linagora, j'ai compris l'importance de l'asynchrone. Lorsque que nous sommes 3/4 à discuter autour d'un projet, sur la même timezone, Twake, Slack, Teams répondent parfaitement aux besoins. Lorsque nous passons à l'échelle et que nous commençons à discuter avec des vietnamiens et des canadiens, on se rend vite compte que ce type de messagerie n'est pas du tout adapté. Une solution intéressante est de construire une messagerie asynchrone.
Avant de se lancer, tête baissée, dans le développement , il est important de visualiser plus en détail voire de tester le produit. Le no-code est là pour nous sauver ;)
J'ai fait quelques mockups (capture d’écran) de l'application mobile telle que je la voyais dans le futur sur figma. J'ai ensuite utilisé Bravo studio. Cet outil permet de convertir des mockups de figma en une application mobile capable d'afficher des données stockées sur airtable.
Pour gérer les données, il n'est pas nécessaire de comprendre les api d'Airtable. Au contraire, il suffit de renseigner la table de données que nous souhaitons utiliser et BravoStudio s'occupe du reste. Il s'occupe de générer les appels API entre l'application mobile et Airtable.
En quelques heures, j'ai eu un prototype fonctionnel qui m'a permis de tester l'application et de comprendre comment l'améliorer.
Astuce
Ces outils font gagner beaucoup de temps, toutefois ils ont un coût. Mais j'ai un super tips pour toi : Je te conseille d'aller voir https://mangoup.io/. En plus de proposer une newsletter de qualité, ils fournissent des crédits pour une partie des outils que j'ai cité, le tout à un prix très intéressant. Ce n'est pas un contenu sponso, j'ai eu la chance d'être leur premier client et je trouve l'offre dingue. N'hésitez pas à contacter Nicolas pour plus d'infos.
Outils
Airtable : tableur en ligne très proche d'une base de données ET très simple à manipuler. Alternative : Notion, googleSheet.
Figma : Outil de design en ligne permettant de créer des interfaces de logiciels. Alternative : Sketch, Adobe XD
Bravostudio : Générateur d'application mobile à partir de design figma. Alternative : Glide
Unicorneplatform : créateur de page d'accueil. Alternative : Webflow
N8n : automatisation de workflow. Alternative : Integromat, Zapier
Cette édition t’a plu ? Faites le moi savoir en répondant à ce mail 🤗
Certaines personnes de votre entourage pourraient être intéressées par cette édition ? Transférez cet email ou cliquez sur le bouton ci-dessous.
Je te souhaite une excellente journée à toutes et à tous !
Benoît 💙