No-code: Inspírate con proyectos creados al 100% sin código.

El mundo del no-code viene pisando fuerte, de hecho muy fuerte, ya que soluciona un problema muy grande en nuestro mundo digitalizado.

Unos pocos saben programar, pero muchas personas quieren lanzar sus proyectos digitales al mercado, de ahí que No-code se presenta como la solución para hacer nuestras ideas realidad sin programar.

En SharingAway queremos que las personas aprendan y se inspiren para lanzar sus proyectos sin programar una sola línea de código, es por ello que hemos hecho esta selección de proyectos. Si quieres competir por lanzar el mejor proyecto, tenemos para tí el NoCodeFest.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Emprendimiento-22-1-1024x576.png

1. Creando un curso

Una de las primeras acciones que realizamos fue crear un curso donde pudiéramos combinar el uso de herramientas no code con la metodología growth hacking.

De esta forma las personas pueden hacer crecer sus proyectos digitales sin tener que contratar un equipo completo de programación. A este curso le llamamos NoCode4Growth y os contamos cómo lo hicimos.

Landing en 2 horas con Carrd

Una de las herramientas no-code más utilizadas por su simpleza y versatilidad es Carrd que te permite crear un landing del producto en muy poco tiempo, gracias a lo fácil de utilizar y a sus plantillas que son increíbles para no tener que empezar desde 0.

Con ella, generamos una landing completa para nuestro curso. Añadimos copies, colores, CTAs llamativos e incluso un chat con Landbot que te introduce el curso en el mismo hero de la web.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-05-a-las-18.57.14-1024x435.png

Algunas secciones o módulos muy fáciles de generar con Carrd donde introdujimos vídeos explicativos, para que las personas entendieran lo que somos capaces de hacer sin controlamos estas herramientas que cómo siempre decimos, nos posibilitan llevas nuestras ideas a la realidad.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-05-a-las-18.59.17-1024x454.png

Y por último, para hacerla aún más dinámica también incluimos opiniones de las personas que habían hecho el curso.

Puedes pensar que esto es típico, pero si te fijas en la imagen la primera de ellas, es un vídeo del alumno hablando sobre el curso, que no tienen en muchas webs y genera más confianza a los nuevos usuarios, todo creado sin programar código.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-05-a-las-18.59.32-1024x681.png

Admitiendo pagos del curso

Claro, tendremos que cobrar el curso, si no vamos mal. Lo bueno de Carrd es que está muy preparada y esto nos permitió introducir un módulo ya configurado para Stripe.

Stripe es la plataforma de pagos online por excelencia y la que más fácil de implementar es, por ello fue la opción segura. Simplemente, configuramos la conexión con las claves de nuestra cuenta y preparados para vender.

¿Dónde alojamos el curso? No-Code al rescate

Una de las dudas era donde alojamos el curso y aunque nuestra primera opción fue una plataforma como Circle, a los pocos meses cambiamos de opinión.

¿Por qué no alojar nuestro curso en Notion, que además es gratis y nos permite crearlo muy rápido e invitar a las personas automáticamente cuando hacen el pago?

Y eso hicimos, generamos una página o sección nueva en Notion con todas las lecciones del curso y configuramos una vista en galería para que la información estuviera totalmente ordenada y los alumnos pudieran seguir el curso sin problemas.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-05-a-las-19.07.30-1024x609.png

Datos y métricas interesantes:

  • Gastos del curso: 19€ en el plan premium de Carrd.
  • Cursos vendidos: 109 cursos con un valor de 2351€
  • Tiempo invertido: 4 horas en el sistema de landing y alojamiento del curso y 20 días en crear el curso.
La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-05-a-las-19.17.01-1024x559.png

2. WeRemoto: Uno de los primeros proyectos no-code con un gran exit.

WeRemoto es uno de los primeros proyectos digitales construidos enteramente con no-code y vendido en menos de un año, todo sin tener que programar.

Gaston Levy, el creador de este proyecto decidió crear un job board para encontrar trabajo en remoto pero no sabía programar.

Encontró una herramienta de nocode que permite crear una web desde Google Sheets, muy parecida a Tendeta la cual te permite crear un ecommerce entero desde un Airtable en 5 minutos.

Dentro del movimiento no-code podemos encontrar herramientas con una curva de aprendizaje más alta y otras mucho más fáciles de aprender. Gastón decidió probar si podía crear su sitio web y en menos de 2 horas tenía la primera versión montada de WeRemoto en Google Sheets.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-07-a-las-19.39.00-1024x571.png

WeRemoto fue vendido en menos de un año, ya que como cuenta Gastón en esta publicación de Linkedin, en tan solo 8 meses las empresas ya publicaban 50-60 ofertas diarias, tenía 30.000 suscriptores en la newsletter y 50.000 visitas por mes. Algo brutal sin haber programado una sola línea de código.

De hecho, también explicaba que utilizar Google Sheets como backend le perimitió en los primeros días del proyecto centrarse en la parte importante del negocio, convencer a los recruiters para que usaran su web.

Una vez apalancado lo que era el core del negocio tuvo que dar un salto de calidad a la web y a la plataforma y… ¿pensáis que programó?

La respuesta es no, utilizó una de las herramientas más potentes del panorama no-code para creación de webs, webflow y gracias a ella WeRemoto subió de nivel y creció más rápidamente hasta ser vendida.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-07-a-las-19.49.58-1024x571.png

Las interacciones entre recruiters y personas que buscaban trabajo se automatizaron con herramientas como Integromat y Zapier y voilá, un proyecto totalmente creado con NoCode y vendido en menos de un año.

Datos y métricas interesantes:

  • Exit en menos de un año.
  • Tiempo en la primera versión o MVP de WeRemoto 2 horas.
  • Conseguir 50.000 visitas y 30.000 suscriptores con un sistema enteramente hecho con no-code.

3. Generación de un directorio muy rentable

Otro proyecto inspirador es el del gran Jaime Mesa y que nos gusta porque cualquier persona lo puede hacer. Es simple y rentable… ¿qué más se puede pedir?

Jaime es uno de los mayores expertos de ecommerce y creador de la ecommpills una newsletter donde cuenta todo lo que va descubriendo sobre ecommerce y también sobre nocode que puedes recibir todos los Domingos.

Cómo el mismo contaba, lleva años recopilando información interesante sobre ecommerce y un día se le ocurrió la idea de crear un directorio de tiendas online de nicho y lanzó una primera versión con 250 tiendas online de nicho, gracias a su comunidad de la ecommpills y a una buena acogida.

Los primeros 6 meses, Jaime cuenta que ya había alcanzado los 222 clientes y facturado 1140€ con este directorio que ya hacía ventas semanales pasivas.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-07-a-las-20.10.43-1024x556.png

Creando una landing para producto con Carrd

Lo primero que hizo para vender el proyecto es crear una landing donde vendía su directorio de ecommerce con no-code, en este caso Carrd.

Uno de los puntos fuertes que le gusta de esta herramienta es que ya tiene las integraciones necesarias para integrar la pasarela de pagos de Stripe, como comentábamos en el primer proyecto de nuestro curso de no-code y también las tiene con email marketing, que para Jaime fue clave.

Una vez creada la landing para vender el directorio, se puso manos a la obra a alojar el contenido y eligió Notion para ello.

Creando el contenido en Notion

Lo bueno de Notion es que es una herramienta de productividad pero muy flexible y nos permite crear vistas para el usuario muy bonitas, estructuradas y con una usabilidad genial.

Si os interesa esta herramienta pero no tenéis ni idea de que hablamos aquí os dejamos unos vídeos que han tenido un impacto muy grande en SharingAway. Cómo crear un dashboard para tu proyecto con Notion y cómo crear un MVP como este proyecto utilizando esta misma herramienta de no-code.

Una vez promocionado un poco el contenido, volvemos al gran Jaime que hizo esta home para que los usuarios tuvieran la información bonita y estructurada. Crear esto en Notion es un rato, solo un rato.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-07-a-las-20.25.19-1024x622.png

Como veis en la imagen tiene directorios de varios tipos de ecommerce o categorías, esta es la razón por la que creó también una vez hacemos clic en cada una de ellas, listados de tiendas online en vista de galería.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-07-a-las-20.26.29-1024x709.png

Al más puro ecommerce, lo entendemos ya que el bueno de Jaime es un crack en esto, cuando haces clic en cada tienda del listado se abre una ficha de producto.

Esto Notion te lo permite gracias a sus páginas enlazadas y ya tendríamos una web para nuestro producto de forma rápida y con buenos resultados para los clientes.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-07-a-las-20.29.35-1024x709.png

Pero no se iba a quedar aquí, ya que el no-code nos permite también automatizar funciones y procesos repetitivos que si los tenemos que hacer a mano nos cuestan mucho tiempo y nos hacen perder agilidad.

Dando acceso automáticamente al cliente sin programar

Para ello, una de las herramientas no-code que Jaime decidió utilizar fue MailerLite, aunque también se podría haber usado MailChimp por daros algunos ejemplos.

Cómo decíamos al principio, una de las cosas buenas que tiene Carrd es que estas dos herramientas ya están integradas por lo que solo tienes que usar el módulo de formulario y configurarlo en un minuto, como os mostramos en la imagen.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-07-a-las-20.38.29-1024x432.png

Datos y métricas interesantes:

  • El proyecto en Enero ya tenía 338 clientes con una facturación de 2568€ totalmente pasiva.
  • Gastos plan PRO de Carrd que son 74€ anuales y te deja crear hasta 50 webs.
  • Tiempo en crear directorio, landing y sistema de aceptación automática, unas dos semanas.

Jaime ha conseguido una rentabilidad increíble con generación de ingresos pasivos. El no-code no está de moda, el no-code nos permite llevar nuestras ideas a la realidad.

4. Tablao, un proyecto no-code con mucho poderío.

La creadora Irene Dávila ha demostrado que se puede crear un proyectazo sin saber programar y es que Tablao tiene como objetivo agrupar en un solo lugar todos los espectáculos de flamenco de que existen en el territorio con más poderío de España, Andalucía.

Irene cuenta que la idea se la dió un familiar y le pareció un buen punto para aumentar sus habilidades con no-code, porque estamos seguros que en poco tiempo habrán incluso roles para trabajar optimizando procesos en empresas.

Tablao fue creada con Airtable, Integromat, Webflow y Typeform, si no tienes ni idea de que van estas herramientas o quieres ver ejemplos reales, aquí te dejamos una lista interesante:

Generando la base de datos de Tablao con Airtable

Una de las herramientas que siempre recomendamos que hay que controlar en este bonito del no-code si estás empezando porque es una base de datos inteligente que te permite crear muchas vistas, campos e incluso algunas automatizaciones interesantes.

Irene creó toda la base de datos de Tablao en Airtable, como dice ella, esta es la parte que más le costó del proyecto, ya que tuvo que ir buscando las webs de flamenco para agregarlas y otro tipo de información que era interesante para el MVP.

Así de bonita le quedó.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-07-a-las-20.54.53-1024x471.png

Primero Webflow y luego Integromat, agarraros que os va a encantar.

Irene lo que hace es ir a Webflow para crear lo que sería su ficha de espectáculo, es decir donde estará toda la información de cada uno de ellos.

Webflow tiene una función que se llama colecciones CMS y al crearla te pide guardarla en una plantilla y te deja escoger los campos. Ella lo que hizo es poner los mismos que tenía ya definidos en su base de datos Airtable.

En esta imagen, Irene muestra como quedaría la ficha de cada espectáculo de flamenco en Webflow. La podéis ver en la parte derecha donde pone “custtom fields”

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-07-a-las-21.01.48-1024x471.png

¡Al loro con esto! Utilizando Integromat para hacernos más felices

Siempre decimos que la mayor potencia del movimiento no-code es que es integrador, es decir, que gracias a herramientas como Integromat podemos crear sistemas más complejos uniendo diferentes herramientas no code.

Pero lo que ha hecho Irene, es una de las maneras más creativas de ahorrarte un tiempo increíble pasando datos de un lado a otro.

Con Integromat genera una pequeña automatización cómo os mostramos en la imagen que lo que hace es al principio revisar todos los datos que existen en nuestra tabla de Airtable.

Una vez revisado, crea en Webflow los datos en forma de ficha cómo hemos visto antes y seguidamente vuelve a Airtable para apuntar en la columna correspondiente el ID que ha generado para esa ficha.

El ID es el número de identificación y para que funcione la integración debes crear una columna que se llame Webflow ID.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-07-a-las-21.13.24-1024x516.png

Una vez creado este primer camino, simplemente dándole a un botón, ese tan bonito que pone Run Once o poniéndo el ON en Integromat, acaba de pasar todos los datos de Airtable a Webflow, creando fichas automáticamente.

¡Brutality! ¡Canela en rama! ¡Mel de Romer!

El segundo camino simplemente serivría por si ya existe el ID, pero se ha hecho algún cambio en Airtable, Integromat lo actualizaría automáticamente en Webflow.

¡Nuestros dieses Irene, a tus pies!

Typeform, la herramienta no-code de los formularios

Cómo cuenta Irene para su proyecto, Typeform se puede personalizar bastante y lo que hizo es darle el mismo look&feel que su web creada con la herramienta no-code, webflow.

De esta manera, ya le permite poder registrar al usuario su espectáculo de flamenco de una forma fácil y con una interfaz bonita.

Además, gracias a que Integromat tiene módulo de Typeform, cuando se registra uno nuevo, esto se envía a la tabla de Airtable creando una línea nueva de manera automatiza.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-11-a-las-11.42.28-1024x491.png

5. Failory, la newsletter para emprendedores creada con no-code y con un crecimiento brutal.

Una de los proyectos que nos ha gustado mucho en los últimos tiempos es Failory, una newsletter muy potente donde las entrevistas hablan de éxitos pero también de fracasos, de los cuales se aprende mucho. En su web, puedes encontrar muchísima información en un diseño, que a nosotros nos encanta.

Una web bien diseñada genera conversión por el sentimiento del usuario que aumenta su confianza cuando tenemos algo bien presentado y para esto, webflow se sitúa como la reina en el mundo no-code.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-11-a-las-11.55.05-1024x669.png

Creando una web increíble con Webflow.

Nico es el creador de Failory y miembro de la comunidad de SharingAway y Dani, también miembro de nuestra comunidad se embarcó en este proyectazo hace unos meses y nos han querido contar el proceso de cómo han creado esta super newsletter.

Con Webflow se creó el diseño de toda la web. Es una herramienta con curva de aprendizaje medio-alta pero con unos resultados increíbles, sin tener que tocar una sola línea de código, como os mostramos en la imagen donde están creando el hero en el editor de la herramienta.

La imagen tiene un atributo ALT vacío; su nombre de archivo es image-21-1024x538.png

Añadiendo filtros con no code y Jetboost.

Una de las cosas que son muy importantes de Failory es que habla de diferentes temas para ayudarnos a mejorar nuestros proyectos, cómo pueden ser éxitos, fracasos, pero también un cementerio de startups por ejemplo.

Para ello, necesitaban la creación de filtros que mejoren la navegación del usuario y tiraron de no-code para ello con una herramienta que como cuentan, les ahorró más de 25 horas con unos resultados increíbles, Jetboost.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-11-a-las-11.58.12-1024x752.png

Flujo de registro, otra vez Typeform.

Cómo nos cuenta Nico, el formulario de registro se creó con Typeform y de esta forma conseguía el registro de los interesados en ser entrevistados por Failorys.

Para conectar toda esta información en este caso se utilizó Zapier.

Dándole caña a las redes sociales automáticamente.

Para Failory es importante atacar los canales de redes sociales donde se encuentran sus potenciales usuarios. Esta es la razón por la que, usan una herramienta no-code llamada Placid.

Gracias a esta herramienta, se generan creatividades automáticamente vía API y también la puedes conectar con tu Integromat.

Datos y métricas interesantes:

  • Más de 6500 suscriptores a la newsletter.
  • Desde la nueva versión de su web con webflow el crecimiento es tan exponencial, que queríamos mostraroslo en la siguiente imagen.
La imagen tiene un atributo ALT vacío; su nombre de archivo es image-22-1024x384.png

6. Una universidad, todo con no-code en Universidad ecommerce.

Cómo proyecto final de este post inspiracional y práctico sobre no-code, queríamos acabar con una bomba creada por Pablo Renaud y que funciona enteramente sin programar.

Pablo nos ha enviado un vídeo genial explicando cómo han creado toda una universidad online. Si esto es posible, todo es posible.

Todo empieza con WordPress y un LMS para formación.

Universidad ecommerce cuenta actualmente con más de 5000 alumnos que han cursado sus cursos, acudido a sus lives o accedido a su comunidad. Cómo nos cuenta Pablo, estas son las tres patas que definen a este proyecto y en las cuáles se ponen todos los esfuerzos, son el core del negocio.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-11-a-las-12.47.19-1024x468.png

Han creado una web muy bonita orientada a conversión desde una plantilla de wordpress que ya tiene un LMS de formación, a veces queremos usar muchas herramientas porque son innovadoras pero WordPress lleva años en el mercado y puedes crear todo tipo de webs con funcionalidades integradas increíbles.

De esta manera, tienen arreglado y sin programar la parte de web orientada a conversión y su plataforma de formación online.

Generando la comunidad con Slack

Al igual que SharingAway, Universidad Ecommerce tiene alojada su comunidad en Slack, una herramienta fácil de usar y que ya conocemos mucho en el mundo digital.

Es una forma de mantener a tu comunidad unida, un canal donde generar ese engagement e indirectamente un canal de crecimiento, ya que estos usuarios se lo dirán a otros y generaremos efectos de red importantes potenciando el crecimiento por boca a boca.

Aquí os dejamos un vídeo por si estáis pensando en vuestras comunidades en Slack para automatizar el onboarding de los nuevos usuarios que creamos para SharingAway.

¡Esperamos Pablo, que esto te sirva también para vuestro onboarding en Universidad Ecommerce!

¿Donde alojar los lives? La última vertical core para este proyecto.

Pablo nos cuenta que utilizan Crowdcast una herramienta también no-code que nos permite crear directos tanto externos para cualquier público que nos sirvan de promoción, cómo internos para nuestra comunidad.

Cómo veis en la imagen, han creado un apartado genial dentro de su web donde el usuario puede tanto apuntarse cómo seguir los directos que Universidad Ecommerce va lanzando.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-11-a-las-12.59.32-1024x816.png

Para guardar y hacer seguimiento, no hay herramienta no-code mejor que Airtable.

En Universidad Ecommerce obtienen muchos datos interesantes para medir la salud del negocio, ya no solo las ventas si no también que alumnos han completado que cursos por ejemplo o si han acudido a muchos directos pero no han hecho ningún curso.

¿Esto por qué es importante? Porque al medirlo y tenerlo en seguimiento, pueden decidir impactarles con mensajes personalizados según el estado de esos alumnos y esto en definitiva, aumenta la conversión.

Cómo nos muestra Pablo, tienen creado un dashboard automatizado en Airtable que nos ha parecido una pasada.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-11-a-las-13.04.17-1024x610.png

La mejora de la atención de los clientes con Zendesk

Otra herramienta del movimiento no-code que te permite mejorar tu atención al cliente por medio de muchos canales integrados. Para Pablo es muy importante que esta ayuda esté integrada y estructurada y esto se lo resuelve, esta herramienta muy potente e integrable con cualquier web.

Han construido un chat de asistencia proactiva donde al iniciarlo, puedes ver las preguntas frecuentes y de manera activa, el usuario puede ir resolviendo todas sus dudas.

Este tipo de chats también los podríamos construir con herramientas como Intercom.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-11-a-las-13.09.00-1024x610.png

MailChimp y Bonjoro para comunicación

A mailchimp ya la conocemos todos y con ella crean desde esta universidad su newsletter, que en el mundo ecommerce es bastante reconocida, así que si te interesa puedes suscribirte.

Una herramienta que nos ha sorprendido y que nos cuenta Pablo es Bonjoro, con la que puedes crear mini vídeos personalizados por ejemplo para darle la bienvenida a los nuevos clientes, pensamos que es muy potente.

Puedes pensar, esto no es muy escalable, pero al final Pablo nos dice: Me grabo por la mañana tomando un café y consigo que el cliente esté contento desde el principio, ya que no se espera esa bienvenida personalizada.

El pegamento de Universidad Ecommerce es Zapier

Con ella generan toda la automatización necesaria para que todo funcione cómo una máquina bien engrasada y sin fallos. De hecho, nos ha volado la cabeza cuando nos ha comentado que han llegado a tener 15.000 tareas automatizadas el algunos picos de trabajo.

En este momento, tienen 488 que ya son bastantes y con ellas consiguen que todo funcione correctamente.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-11-a-las-13.13.20-1024x610.png

Mejorar la retención de los clientes con Froged, made in Spain

Nos encanta Froged y todo lo que puedes hacer con ella, además es española y eso le suma muchos puntos. Pablo le está hincando el diente ultimamente y nos cuenta que está encantado.

Con Froged puedes realizar muchos flujos de atención y ayuda a tus clientes, los que ya te han pagado y automatizar todos ellos aumentando la retención de los mismos y disminuyendo el churn o abandono de usuarios.

Es importante para un negocio como Universidad Ecommerce mantener su LTV o tiempo de vida de sus alumnos, pues si consiguen que sigan formándose año tras año, aumentaran claramente el tamaño del negocio.

La imagen tiene un atributo ALT vacío; su nombre de archivo es Captura-de-pantalla-2021-04-11-a-las-13.18.34-1024x610.png

La potencia del no-code es que es un movimiento integrador, siempre lo decímos desde SharingAway. Jugando con diferentes herramientas, como veis en estos casos podemos crear sistemas mucho más complejos que funcionan automatizados.

Esperamos que todos estos proyectos os inspiren a hacer vuestras ideas realidad. En SharingAway tenéis todo el contenido no-code para crearlos desde cero.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *