En el estudio, montas tu sitio tú mismo, de arriba abajo, una franja tras otra: el fondo, la barra superior, la primera pantalla, luego las secciones, el contacto y el pie de página. Cada clic se ve al instante en la vista previa, con bloques reales y animaciones reales. Mientras eliges tus franjas, ningún modelo trabaja: estas elecciones no cuestan nada, y todo se puede deshacer.
Los textos llegan al final, una vez fijada la estructura. Tú decides la forma; el estudio escribe en ella después.
Primero, describe tu actividad
El estudio se abre con una pregunta: «¿Qué creamos hoy?». Ahí describes lo que haces, para quién y qué te distingue, en unas pocas frases. Si falta algo importante, el estudio te hace algunas preguntas. Este intercambio es gratuito.
Si la página en blanco te frena, los ejemplos que aparecen bajo «O parte de un brief de ejemplo» son descripciones reales: un clic carga una en el campo, donde puedes cambiarla antes de enviarla.
Anota desde el principio lo que solo tú sabes: tus horarios, tu dirección, tu teléfono, tus precios. Los textos se escribirán a partir de esta descripción, y de nada más. Un enlace de llamada o de correo hacia datos que no diste se rechaza: el lugar queda pendiente, con un guion, antes que marcar un número inventado.
Siete franjas, en el orden de la página
El recorrido sigue el orden en que los visitantes descubren tu página. En cada franja, una pregunta:
| Franja | La pregunta | Cuántas |
|---|---|---|
| El fondo | ¿Qué se mueve detrás de tu primera página? | uno, o ninguno |
| La textura | ¿Una textura encima? | dos como mucho, o ninguna |
| La navegación | ¿Cómo es la barra superior? | una |
| La primera pantalla | ¿Dónde se coloca el título? | un lugar |
| Las secciones | ¿Qué hay debajo de la primera pantalla? | tantas como quieras |
| El contacto | ¿Cómo te encuentran? | uno, o ninguno |
| El pie de página | ¿Cómo termina la página? | uno |
Los botones Anterior, Saltar y Siguiente te llevan de una franja a otra. Un segundo clic sobre una elección la quita.
El fondo es la única franja que puede pagarse, y solo cuando tú lo decides. Eliges su manera de moverse, describes la escena y luego haces clic en «Lanzar el fondo», con el precio escrito en cada render. El rodaje se hace mientras sigues montando la página, y la película aparece en la vista previa en cuanto está lista. Todo se explica en la página del fondo de vídeo rodado.
Las secciones: la biblioteca de bloques
Debajo de la primera pantalla, añades secciones en el orden en que aparecerán. Dos personas que eligen los mismos bloques en otro orden obtienen dos páginas distintas. Un clic sobre una sección ya colocada la quita.
La biblioteca ofrece:
- Enunciado: una sola frase, en grande.
- Columna asimétrica: un título a la izquierda, un párrafo desplazado a la derecha.
- Partido: una imagen a un lado, el texto al otro.
- Galería: una cuadrícula de imágenes, en mosaico, en paisajes, en retratos o en banda que se desplaza.
- Antes / después: dos estados del mismo encuadre, y un tirador que se arrastra.
- Acordeón: preguntas que se abren una a una.
- Lista numerada: del 01 al 05, lo que se encuentra en tu casa.
- Cifras: una fila de pruebas, un número y una palabra.
- Tarifas: precios que se comparan, con lo que incluyen.
- Testimonios: varias opiniones de clientes.
- Cita: una frase a todo lo ancho, con su autor.
- Banda: una tira de palabras que desfilan.
- Desbordamiento: un título gigante, cortado a propósito por el borde de la pantalla.
- Manifiesto: una frase que se ilumina palabra a palabra al bajar.
Muchos de estos bloques existen en varias variantes. El catálogo, en el menú Biblioteca, muestra cada pieza de una página para marcarla una a una, y añadir lo que el recorrido no ofrece.
Lo que el estudio te dice por el camino
Algunas elecciones no van juntas. Dos texturas colocadas, por ejemplo, apagan las demás: más allá, la imagen se ensucia y ya no sabes cuál quitar. Una miniatura que ya no se puede elegir sigue visible, con la razón escrita encima.
Algunos bloques también piden algo: una galería en mosaico espera cinco o nueve imágenes, los testimonios esperan opiniones reales. El estudio te lo dice al colocar el bloque, cuando todavía estás a tiempo de quitarlo. Una opinión, una cifra o un precio que no salga de tu descripción lo rechazan sus controles.
La vista previa, en escritorio y en móvil
La vista previa ocupa la pantalla, y el recorrido flota abajo, en un pupitre que nunca tapa la página. Puedes plegarlo de un clic para ver la página entera. Dos pestañas pasan la vista previa de Escritorio a Móvil, al ancho de un teléfono.
Mientras montas, los textos son provisionales, y cada imagen todavía no producida se sustituye por un marco neutro. Los enlaces, el menú y el movimiento ya funcionan.
Qué se paga, y cuándo
Un sitio se hace en cinco etapas, y el precio de cada acción de pago se muestra antes del clic:
- Describir tu actividad: gratis.
- El fondo: el precio está escrito en la casilla de cada render, y depende también del movimiento elegido.
- Las franjas: gratis.
- Los textos: el botón «Escribir los textos» cuesta 30 credits ($3). Las imágenes que describiste se crean en ese momento, cada una a su precio.
- Retocar, publicar: un retoque pedido en una frase cuesta 6 credits, las correcciones a mano son gratuitas, y la puesta en línea se paga una vez por sitio, 150 credits.
Un sitio entero, con sus textos, un fondo en bucle y cuatro imágenes, sale por 31 à 70 $. No hay suscripción, y una acción de pago que falla se reembolsa.
En qué orden colocar tus secciones
La parte alta de la página cuenta más que el resto. En un estudio de seguimiento ocular, el Nielsen Norman Group midió que el 57 % del tiempo pasado en una página se pasaba en la primera pantalla, y el 74 % en las dos primeras (Nielsen Norman Group, 2018). Los visitantes bajan, pero su atención cae a medida que avanzan.
De ahí salen algunas reglas:
- La primera pantalla dice quién eres y qué haces, con un botón que lleva a la acción principal: reservar, llamar, pedir un presupuesto.
- La primera sección responde a la pregunta con la que se llega. La carta para un restaurante, los tratamientos y las tarifas para una consulta, los trabajos realizados para un artesano.
- Una sección, una pregunta. Los precios juntos, las preguntas frecuentes juntas, las fotos juntas.
- El contacto abajo, y el botón arriba. El visitante con prisa no tiene que bajar para encontrarte.
- Menos secciones, mejor llenas. Una página de cinco secciones sólidas vale más que una de diez medio vacías.
Si prefieres partir de un ejemplo en vez de decidirlo todo, el estudio ofrece también maquetaciones listas, una por familia de oficios, que marcan todo el recorrido en un clic.
En resumen: montas la página de arriba abajo, franja a franja, y la vista previa sigue cada clic. Montar es gratis y se deshace; solo el fondo, los textos y las imágenes se pagan, al precio mostrado antes del clic.