plantilla 03 · productos y startups
La página de lo que todavía hay que explicar
Un producto nuevo tiene un problema que un restaurante no tiene: nadie sabe qué es. Esta base cuenta el problema antes que la funcionalidad, ordena los planes sin marear y responde las objeciones antes de pedir el registro.
01/para quién es
Cuando el producto aún no se explica solo
El visitante no viene buscando tu categoría: viene con un problema y hay que enseñarle que esto lo resuelve.
SaaS
La estructura te obliga a poner el problema antes que la lista de características. Es el orden que convierte.
Aplicaciones móviles
Los pasos de «cómo funciona» quitan de encima la pregunta que frena la descarga: qué pasa después de instalarla.
Lanzamientos
Hay un bloque de prueba social arriba para lo poco o mucho que tengas: usuarios, lista de espera, un medio que te mencionó.
Productos digitales
El bloque de precios ordena los planes sin marear, y las preguntas frecuentes resuelven la objeción justo antes del registro.
02/qué trae por dentro
Ocho piezas en el orden que convence
El recorrido está pensado como un argumento: primero el problema, luego la solución, después la prueba y al final el precio.
Secciones
Barra de navegación
Enlaces a cada sección y el botón de registro o prueba siempre a mano.
Portada con prueba social
Titular con una parte acentuada, subtítulo, dos botones y una línea de prueba social justo debajo.
Funcionalidades
Una rejilla con icono, título y explicación por funcionalidad, escrita en clave de qué resuelve y no de qué hace.
Cómo funciona
Los pasos numerados, del registro al primer resultado útil.
Precios
Los planes lado a lado, con lo que incluye cada uno y uno destacado como recomendado.
Preguntas frecuentes
Un acordeón con las objeciones típicas resueltas antes de pedir el registro.
Cierre
Un último bloque de llamada a la acción para quien llegó leyendo hasta abajo.
Pie de página
Enlaces, redes sociales y aviso de derechos.
Construida con
'%3e%3cpath%20fill='%2338bdf8'%20fill-rule='evenodd'%20d='M27%200c-7.2%200-11.7%203.6-13.5%2010.8%202.7-3.6%205.85-4.95%209.45-4.05%202.054.513%203.522%202.004%205.147%203.653C30.744%2013.09%2033.808%2016.2%2040.5%2016.2c7.2%200%2011.7-3.6%2013.5-10.8-2.7%203.6-5.85%204.95-9.45%204.05-2.054-.513-3.522-2.004-5.147-3.653C36.756%203.11%2033.692%200%2027%200zM13.5%2016.2C6.3%2016.2%201.8%2019.8%200%2027c2.7-3.6%205.85-4.95%209.45-4.05%202.054.514%203.522%202.004%205.147%203.653C17.244%2029.29%2020.308%2032.4%2027%2032.4c7.2%200%2011.7-3.6%2013.5-10.8-2.7%203.6-5.85%204.95-9.45%204.05-2.054-.513-3.522-2.004-5.147-3.653C23.256%2019.31%2020.192%2016.2%2013.5%2016.2z'%20clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='prefix__clip0'%3e%3cpath%20fill='%23fff'%20d='M0%200h54v32.4H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e){kind=small}
%20scale(1.8)%20translate(-216,-80)'%3e%3cpath%20d='m221.833%2080.0001c0-3.0942-1.229-6.0616-3.417-8.2496-2.188-2.1879-5.155-3.417-8.249-3.417-3.095%200-6.062%201.2291-8.25%203.417-2.188%202.188-3.417%205.1554-3.417%208.2496%200%206.1884%202.458%2012.1233%206.834%2016.4992%204.376%204.3757%2010.311%206.8337%2016.499%206.8337%206.189%200%2012.124-2.458%2016.499-6.8337%204.376-4.3759%206.835-10.3108%206.835-16.4992.005-4.9251-1.032-9.7957-3.042-14.2917-2.011-4.496-4.95-8.5156-8.625-11.7949'%20stroke='%23000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='5.83333'/%3e%3cpath%20clip-rule='evenodd'%20d='m191.605%2061.4384c4.923-4.9228%2011.6-7.6884%2018.562-7.6884s13.639%202.7656%2018.562%207.6884c4.922%204.9229%207.688%2011.5997%207.688%2018.5616%200%203.8677-1.536%207.5771-4.271%2010.312s-6.445%204.2713-10.312%204.2713c-3.868%200-7.577-1.5364-10.312-4.2713s-4.272-6.4443-4.272-10.312c0-1.6108%201.306-2.9167%202.917-2.9167s2.917%201.3059%202.917%202.9167c0%202.3206.922%204.5462%202.562%206.1872%201.641%201.6409%203.867%202.5628%206.188%202.5628%202.32%200%204.546-.9219%206.187-2.5628%201.641-1.641%202.563-3.8666%202.563-6.1872%200-5.4148-2.151-10.6079-5.98-14.4368-3.829-3.8288-9.022-5.9799-14.437-5.9799s-10.608%202.1511-14.437%205.9799c-3.829%203.8289-5.98%209.022-5.98%2014.4368%200%209.5818%204.197%2018.1796%2010.864%2024.063%201.208%201.066%201.323%202.909.257%204.117s-2.909%201.323-4.117.257c-7.869-6.944-12.837-17.1122-12.837-28.437%200-6.9619%202.766-13.6387%207.688-18.5616z'%20fill='%23f56565'%20fill-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e){kind=small}
Salida estática: el sitio se compila a HTML y se sirve tal cual, sin framework de JavaScript en el navegador. Los iconos se generan como SVG en el build, así que no cuestan una petición.
03/medido
Lo que marca antes de tocarla
Esta plantilla todavía no tiene un producto en producción, y no vamos a inventar uno. Lo que se mide aquí es su propia demo: el mismo código que recibes, con las ocho secciones, la tabla de precios y el acordeón de preguntas. El contenido de un producto real cambiará los textos, no la base.
Visitar el sitioVer la demo- Rendimiento · móvil
- 92 – 97
- Rendimiento · escritorio
- 96 – 100
- Accesibilidad
- 100
- Buenas prácticas
- 100
Medido con Lighthouse 13.4.1 sobre la demo el 1 de agosto de 2026: tres pasadas en móvil y tres en escritorio, descartando una previa de calentamiento. Se publica el rango observado, no la mejor pasada. El mayor pintado de contenido quedó en 1,9–2,9 s en móvil y 0,6–1,3 s en escritorio. No se publica la nota de SEO porque la demo lleva noindex a propósito —simula un producto que no existe— y Lighthouse la penaliza solo por eso; el resto de sus auditorías de SEO pasan.
04/el encargo
Qué recibes por ese precio
El sitio publicado y funcionando, no un archivo que alguien tiene que subir. Esto es lo que va dentro.
Dominio .com, primer año
Lo registramos y lo configuramos a tu nombre. Desde el segundo año la renovación la pagas tú, directo al proveedor y sin comisión nuestra.
Hosting, primer año
Alojamiento del sitio con HTTPS y certificado. Mismo criterio que el dominio: el segundo año lo asumes tú.
Formulario de contacto conectado
Los mensajes llegan a tu correo a través de una cuenta de Formspree configurada con tus datos. Sin servidor que mantener.
Contacto directo por WhatsApp
Un botón que abre la conversación con tu número, disponible desde cualquier punto de la página.
Carga de tus contenidos
Montamos los textos, las fotos y los datos que nos entregues, y te avisamos antes si algo no va a verse bien: una imagen pequeña, un logo sin fondo transparente, un texto que no cabe.
SEO técnico completo
Todo lo que se resuelve desde el código: etiquetas, datos estructurados, sitemap, canónicas, velocidad y accesibilidad.
Dos rondas de cambios menores
Dentro de los primeros treinta días, para afinar lo que se vea distinto una vez publicado.
Garantía de treinta días
Corregimos sin costo cualquier error de programación o de configuración del entorno. Pasado ese plazo, el soporte se puede contratar y es opcional.
05/la frontera
Hasta dónde llega una plantilla
Una plantilla es una base ya construida para acelerar el trabajo, no un molde rígido. Pero tiene un límite, y preferimos decirlo antes de cotizar que después de empezar.
Entra en el precio
- Colores, tipografías y logo
- Todos los textos, de la portada al pie
- Tus fotos, tus iconos y tu favicon
- Reordenar u ocultar las secciones que ya trae
- Cuantos elementos quieras dentro de una sección existente
- Datos de contacto, horarios y redes sociales
Ya es desarrollo a medida
- Una sección que la plantilla no tiene
- Una segunda página: blog, portafolio, fichas de servicio
- Tienda, carrito o pagos en línea
- Reservas, agenda o disponibilidad en tiempo real
- Área privada, inicio de sesión o panel de administración
- Un gestor de contenidos para editar tú mismo
- Integración con un CRM, un ERP o una API externa
Nada de la derecha es un no: es otro presupuesto. Se construye encima de esta misma base, sin tirar lo hecho.
Nada de esa segunda lista es un no: es otro presupuesto. Se construye encima de esta misma base, sin tirar lo hecho.
Precio · Entrega
Precio
$1.600.000 – $2.400.000 COP
USD $640 – $950
Referencia al cambio del 31 de julio de 2026, con los costos de transferencia ya incluidos. El precio en pesos es el que rige.
Entrega
5 – 8 días hábiles
El plazo empieza a contar cuando se confirma el pago y nos llega todo lo necesario para personalizarla: logo, colores, tipografías, textos, capturas del producto, los planes con sus precios y los datos de contacto.
07/preguntas
Lo que preguntan antes de decidirse
¿El bloque de precios se conecta a una pasarela de pago?
No. Los planes se muestran y el botón de cada uno lleva a donde tú digas: un registro, un correo, un WhatsApp o tu propia aplicación. Conectar una pasarela de pago y cobrar desde la página es desarrollo a medida y se cotiza aparte.
¿Puedo poner logos de clientes o de medios en la prueba social?
Sí, siempre que tengas permiso para usarlos. Es la única parte de la página cuyo contenido no depende solo de ti, así que conviene resolverla antes de empezar. Si todavía no hay logos, el bloque funciona igual con una cifra o una frase.
¿Cuántos planes caben en la sección de precios?
Tres se leen cómodos y es lo que recomendamos. Con cuatro empieza a apretar en pantallas pequeñas. Si necesitas más planes, o una tabla comparativa de características, ya es desarrollo a medida.
¿Y si el producto todavía no existe?
No es un problema: la plantilla está pensada justo para eso, para explicar algo que aún hay que explicar, validar interés o recoger una lista de espera. Lo que sí necesitas tener claro es qué problema resuelves y para quién; sin eso, ninguna página funciona.
¿Y si no tengo los textos ni capturas del producto?
Montamos lo que nos entregues, y te avisamos antes si algo no va a verse bien: una captura de baja resolución, un texto que no cabe donde va. Producir las capturas y redactar los textos no entra en el precio; si ya los tienes listos, montarlos no cuesta nada aparte.
¿Puedo migrar después a algo más grande?
Sí. Es un sitio estático en Astro, sin ataduras: cuando el producto pida una aplicación, un panel o un blog, se construye encima sin tirar lo que ya tienes. Y si prefieres hacerlo con otro equipo, el código es tuyo desde el día de la entrega.