Bloques de una página web ensamblándose sobre una retícula guía junto a la versión móvil

Cómo diseñar una página web: el orden que funciona (2026)

Marketing Digital

Publicado el · Actualizado el
⏱ 3 minutos de lectura

Puntos clave

  • Diseñar una web empieza por decidir qué tiene que conseguir, no por elegir colores.
  • El orden correcto es objetivos, arquitectura, contenidos, diseño y desarrollo. Casi todo el mundo lo invierte.
  • Lo que más retrasa un proyecto no es el desarrollo: son los contenidos.
  • Si el SEO entra al final, hay que rehacer la estructura. Debe entrar en el segundo paso.

Le doy los pasos en el orden que evita rehacer la web a los seis meses, porque el orden es prácticamente todo en este asunto.

1. Qué tiene que conseguir

Antes de nada: ¿esta web tiene que traer contactos, vender, explicar, o dar credibilidad para que la venta se cierre por otro sitio? La respuesta cambia toda la estructura, y no es lo mismo diseñar para lo uno que para lo otro.

2. Arquitectura y palabras clave, a la vez

Me explico 🙂 Aquí está el error más caro. La arquitectura de páginas y el estudio de las palabras que usa su cliente tienen que decidirse juntos y en este momento. Si el posicionamiento entra al final, hay que encajarlo a martillazos en una estructura que no lo previó.

3. Contenidos

Está claro que es el paso que todo el mundo subestima. He visto webs terminadas esperando dos meses a que llegaran los textos y las fotos. Le recomiendo cerrar el calendario de contenidos antes de empezar a diseñar y dejar por escrito qué depende de usted y qué del proveedor.

4. Diseño

Y ahora sí, el diseño. Primero en móvil y después ampliando a pantalla grande, porque de ahí llega la mayoría de su tráfico. Con lo anterior decidido, el diseño se plantea casi solo: ya se sabe qué páginas hacen falta y qué tiene que conseguir cada una.

5. Desarrollo, medición y revisión

El desarrollo, con la medición configurada antes de publicar y no después. Y una revisión de velocidad y de usabilidad antes de dar el proyecto por terminado.

Lo que conviene acordar por escrito

Le sugiero cerrar tres cosas antes de firmar: quién escribe los textos, quién aporta las fotos y cuántas rondas de revisión están incluidas. Son las tres causas del 90% de los proyectos que se alargan y se tensan.

Preguntas frecuentes

¿Cuánto cuesta diseñar una página web?

Desde unos cientos de euros con plantilla hasta cifras de cinco dígitos a medida. Lo que marca la diferencia no es el diseño, sino cuánta estrategia y contenido hay detrás.

¿Plantilla o diseño a medida?

Plantilla si su negocio es estándar y necesita salir pronto. A medida cuando tenga procesos propios, catálogos complejos o una identidad que le diferencie de verdad.

¿Qué páginas no pueden faltar?

Inicio, una página por servicio, quiénes somos, contacto y aviso legal con política de privacidad. El error más común es meter todos los servicios en una sola página.

Resumiendo

Empiece por el objetivo, no por la referencia visual que le gustó. Decida arquitectura y palabras clave a la vez. Cierre los contenidos antes de diseñar. Y no dé por terminado el proyecto sin medición y sin revisar velocidad. Es como lo planteamos en diseño web.

Recuerde, al final, una web no se diseña: se decide. El diseño solo pone cara a esas decisiones 😉

Comparte esta publicación

Te puede interesar...

Gráfico de barras con la variación interanual del tráfico de no marca: caída de impresiones y mejora de CTR y posición

Tráfico de marca y no marca: tres años de datos y la métrica que casi nadie mira bien

Tres años de datos de un ecommerce: por qué perder un 42% de impresiones fue buena noticia y cómo separar...

Leer artículo >

Ilustración isométrica de una pequeña tienda con el escaparate iluminado, rodeada y eclipsada por grandes pantallas encendidas en las fachadas de la calle

Posicionamiento indirecto de marca: lo que contamos en 2019 y Google acaba de admitir siete años después

En 2019 impartimos una masterclass defendiendo el posicionamiento indirecto de marca. Siete años después, Google añade las propiedades de plataforma...

Leer artículo >

Diagrama abstracto: un nodo emisor lanza mensajes repetidos que saturan tres nodos receptores, metáfora de la reputación online manipulada en sistemas de IA

Reputación online e IA: cuando ChatGPT repite la versión de su competencia

Un bootcamp que facturaba 23,5 M$ vio cómo un único foro contaminó a la vez Google, ChatGPT y Perplexity. Qué...

Leer artículo >