Herramienta gratis
¿Cómo sería tu web? Monta la estructura de tu página en un minuto
Elige si es tu marca personal, la web de tu empresa o una tienda online, a qué te dedicas y qué quieres conseguir. Verás al momento la estructura de tu portada: qué bloques lleva, en qué orden y por qué, con tu nombre, tu ciudad, tu color y uno de cuatro estilos.
Esto es un simulador de estructura, no una plantilla. Cada web la diseño a medida, desde cero, para tu negocio. Aquí ves qué bloques lleva tu portada, en qué orden y por qué; y con los cuatro estilos, lo distinta que puede ser la misma estructura.
Textos e imágenes de ejemplo. El diseño de tu web será único: lo hago a medida para ti.
Por qué está cada bloque
¿Te mando este boceto?
Te llega a tu correo con el porqué de cada bloque y un enlace para volver a verlo. Y si me cuentas un poco de tu negocio, te digo cómo la haría yo: a medida y desde cero.
Estructura de una página web
Las partes de una página web, y para qué sirve cada una
La estructura de una web no es un capricho de diseño: cada bloque contesta a una pregunta de quien te visita. Este es el orden que funciona en casi cualquier negocio.
1. Cabecera
Tu logo, un menú corto y el botón de la acción principal siempre a la vista. Contesta a «¿dónde estoy y qué puedo hacer aquí?».
2. Primera pantalla
Un titular que diga qué consigue quien te contrata, una frase de apoyo y el botón. Si en cinco segundos no se entiende qué haces, se van.
3. Pruebas de confianza
Reseñas, años de experiencia, colegiación o clientes: datos que se pueden comprobar, justo debajo, antes de que aparezca la desconfianza.
4. Servicios
Tres, no quince, y cada uno con su página. Así Google los encuentra por separado y cada persona va directa a lo que busca.
5. La acción principal
Lo que quieres que hagan, en grande: llamar, reservar, pedir presupuesto, apuntarse a tu lista o comprar en tu tienda o tu academia. Depende de tu negocio, y la herramienta de arriba te lo enseña.
6. Quién hay detrás
En una marca personal, «Sobre mí»: tu foto real y tu historia en tres líneas, bien arriba. En una web corporativa, el equipo, con caras, nombres y cargos. La gente contrata a personas: es de lo más visto de cualquier web.
7. Opiniones
Lo que dicen tus clientes, con su nombre. Una opinión ajena convence más que cualquier frase tuya sobre lo bien que trabajas.
8. Preguntas frecuentes
Las dudas que te repiten siempre, contestadas antes de que pregunten. Además, Google y las IA las usan para recomendarte.
9. Llamada final y pie
Al final, otra vez la acción principal, y en el pie tus datos de contacto y los textos legales. Es donde mucha gente busca el teléfono.
Del boceto a tu web
Un boceto no es una web, pero te ahorra semanas
Antes de diseñar una sola página, ordeno la estructura contigo: qué tiene que conseguir tu web, qué bloques lo consiguen y en qué orden. Este boceto es una versión rápida de ese primer paso, con textos de ejemplo.
La web de verdad se hace con tus textos, tus fotos y tu forma de hablar, rápida y lista para salir en Google. Si quieres verlo con más calma, tengo una guía sobre qué debe tener una página web para ser práctica y te cuento cómo trabajo en diseño web WordPress.
¿Ya tienes web y quieres saber cómo está? Mira si te entienden Google y la IA con la auditoría SEO gratis o cuánto tarda con el test de velocidad.
Preguntas frecuentes
Sobre la estructura de tu web
¿Tienes otra? Escríbeme y te la resuelvo yo misma.
¿Qué estructura debe tener una página web?
La que lleve a quien te visita a hacer una cosa: llamarte, reservar, pedir presupuesto o comprar. En casi todos los negocios funciona este orden: cabecera, primera pantalla con un titular claro, pruebas de confianza, servicios, la acción principal, quién hay detrás, opiniones, preguntas frecuentes y una llamada final.
¿Mi web será igual que este boceto?
No. Esto es un simulador de estructura, no una plantilla: te enseña qué bloques lleva tu portada y en qué orden. Tu web la diseño a medida y desde cero, con tus textos, tus fotos, tus colores y tu forma de hablar. Los cuatro estilos son solo ejemplos de lo distinta que puede ser la misma estructura.
¿Qué cambia entre marca personal, web corporativa y tienda online?
En una marca personal das la cara tú: se habla en primera persona, tu foto sale en la primera pantalla y «Sobre mí» sube arriba. En una web corporativa se habla en plural y se enseña al equipo, con caras, nombres y cargos. En una tienda online manda la compra: categorías, productos con precio, envío y devoluciones a la vista y el carrito siempre arriba. La marca personal y la corporativa pueden sumar además una tienda o una academia online.
¿Cuáles son las partes de una página web?
Las básicas son la cabecera (logo y menú), el contenido principal y el pie (contacto y textos legales). Dentro del contenido, cada bloque tiene un trabajo: explicar qué haces, demostrar que eres de fiar, enseñar tus servicios y pedir la acción. Arriba tienes las nueve que uso yo y para qué sirve cada una.
¿Qué diferencia hay entre un boceto, un wireframe y un diseño?
El boceto y el wireframe ordenan los bloques y su contenido, sin entrar en detalles. El diseño ya es la web tal y como se verá: tus colores, tu tipografía y tus fotos. Esta herramienta está a medio camino: un boceto con el color y el estilo que elijas.
¿Me sirve si ya tengo web?
Sí: compárala con el boceto de tu sector. Si a tu portada le faltan bloques (las opiniones, la acción principal arriba, quién hay detrás) o están en otro orden, ya tienes por dónde empezar a mejorarla.
¿Cuánto cuesta hacer la web a partir del boceto?
Depende de las páginas y de lo que tenga que hacer tu web (reservas, tienda, varios idiomas…). Te digo el precio cerrado antes de empezar, por escrito. Cuéntame qué necesitas y te contesto yo.
¿La hacemos de verdad?
Del boceto a una web que te traiga clientes
Cuéntame a qué te dedicas y qué quieres conseguir. Te digo cómo la haría y, si no soy la persona adecuada, también te lo digo.
693 63 62 34 hola@xiomaraperez.com
Te respondo en unas horas durante el día y siempre en menos de 24 h.
«Sabe entender la necesidad de cada negocio y adaptar las webs a ello (cosa que me parece muy difícil).»Karim R. · Reseña en Google