🛠️ Herramientas

¿Cómo hicimos nuestra web sin programar?

Created time
Nov 22, 2023 11:36 AM
slug
softr
author
tags
🚧 Desarrollo
summary
ya no es necesario que sepas codear ni gastar miles de dólares!
type
Post
thumbnail
photo-1522542550221-31fd19575a2d.avif
isPinned?
isPinned?
category
🛠️ Herramientas
updatedAt
Jan 4, 2024 11:28 AM
👤 Owner - Champion
⏰ Event time
☑️ Status
Done
🏠 Areas Involucradas
🚀 Proyecto
status
Public
📋 Tipo de Documento
👥 Collaborators

Creá tu propia plataforma digital sin saber codear

Ya sea para armar una landing de tu negocio, o para armar un producto digital robusto, ya no es necesario que sepas codear ni gastar miles de dólares para que algún programador lo haga por vos; y acá te cuento cómo lo hice yo.
 
Todo empieza con una tarea, una misión (para mi, hasta ese momento, imposible): hacer la landing page de un producto que estamos incubando en Ozom. Necesitábamos un sitio donde dirigir a todos aquellos que supieran del proyecto, para conocerlo mejor e inscribirse en la lista de espera y poder así estar entre los primeros usuarios.
 
Hete aquí que me enfrento a la cruda realidad de no saber un pomo sobre código, páginas de internet y menos todavía cómo hacerlas. Tenía poco tiempo, cero presupuesto y no podía recurrir a nadie. El resultado: aprender a usar una herramienta no-code sola.
 
Spoiler alert: lo logré. Y acá va el paso a paso de cómo la hice. Creeme, si yo pude, cualquiera puede.
 
 
Después de analizar un par, elegí la herramienta que hoy se volvió mi mejor amiga: Softr.io
 
notion image

Y ¿Por qué Softr?

  1. Es súper intuitiva, tiene templates pre-establecidos y si querés arrancar de cero, podés armar tu producto con un simple drag-and-drop de distintos elementos.
  1. Tiene un muy buen equipo de soporte, súper necesario si estas recién arrancando en el camino de no-code. Te responden en menos de 2 minutos cualquier duda que tengas.
  1. La versión gratuita incluye poner tu propio dominio, ¡y esto sí que lo tienen pocas herramientas!
 

Veamos el caso de uso de Softr para la web de OzomBuilders, con un paso a paso apto para todo público:

 
Paso 1: Definí cómo querés que luzca tu producto: cuál va a ser la paleta de colores, cuáles van a ser las secciones que va a tener y el diseño general. Para esto podés usar algo sofisticado como Figma; o bien armarlo old school, con papel y lapiz, benchmarkeando diferentes productos.
 
Paso 2: Activá tu cuenta de Softr y elegí si querés usar un template o no. Yo en este caso arranqué con una página en blanco.
notion image
 
Paso 3: Empezá a customizar tu página. Siguiendo el diseño elegido y con un fácil drag-and-drop de los distintos bloques que ofrece Softr, podés crear la página que tenías en mente.
notion image
 
Paso 4: Publicá tu producto. Una vez que tu producto luzca tal como vos querías, y hayas hecho el QA correspondiente, ponele la URL que quieras ¡y ya está!
notion image
 
 

 

¿Querés ver otras opciones? ¡Tenemos!

Si bien Softr nos encanta, puede que no sea lo que estás buscando. Hay alternativas con más y con menos funcionalidades, todo depende de tu idea y el tiempo que le quieras dedicar.
 
Acá te dejamos nuestras preferidas, con tutoriales y tips de cada una:
 
Recomendación: empezá por las herramientas más simples, aunque no puedas hacer ya mismo todo lo que tenés pensado.