Diseñar la página de inicio de una web: guía práctica con hoja de trabajo

Diseña una página de inicio en torno a una oferta clara y una acción siguiente. Relaciona tres tareas reales de los visitantes con secciones, sigue un wireframe pensado primero para móvil y copia un briefing de página de inicio y una lista de comprobación de antes y después.

Una página de inicio tiene que decirle a un desconocido, en pocos segundos, qué haces, para quién es y qué hacer a continuación. Todo lo demás en la página existe para respaldar esas tres respuestas. Esta guía recorre un ejemplo etiquetado, una clínica dental inventada llamada "Riverside Family Dental", desde la oferta hasta el wireframe y el briefing final.

1. Una oferta clara y una acción siguiente

Escribe la oferta en una frase que un cliente entendería: "Odontología familiar en Riverside, con citas por la tarde-noche." Luego elige la acción única que más quieres: "Reserva una cita."

2. Relaciona tres tareas reales de los visitantes con secciones

Piensa en los tres motivos más habituales por los que la gente llega a la página de inicio y dale una sección a cada uno. Para la clínica del ejemplo:

Tarea del visitanteSección que la resuelve
"¿Hacen lo que necesito?"Lista de servicios: revisiones, odontopediatría, urgencias, blanqueamiento
"¿Puedo ir cuando me viene bien?"Horario con citas por la tarde-noche, botón de reserva, seguros aceptados
"¿Puedo confiar en ellos?"Perfiles de los dentistas con sus titulaciones, fotos de la clínica real, opiniones verdaderas

Si una sección no responde a una tarea real, elimínala o llévala a otra página.

3. Wireframe pensado primero para móvil

La mayoría de las visitas a la página de inicio de un negocio local se hacen desde el móvil, así que diseña primero la versión estrecha:

[ Logo ]                     [ Reservar ]
------------------------------------------
H1: Odontología familiar en Riverside,
    con citas por la tarde-noche
Línea corta: Pacientes nuevos bienvenidos. La mayoría de seguros aceptados.
[ Reservar una cita ]   Llamar (tocar para marcar)
------------------------------------------
Servicios (4 fichas cortas, cada una enlaza a su página)
------------------------------------------
Horario + ubicación + enlace al mapa
------------------------------------------
Conoce a los dentistas (foto, nombre, titulación)
------------------------------------------
Opiniones (reales, con autor y con fuente)
------------------------------------------
Preguntas frecuentes (de 3 a 5 preguntas que la gente hace de verdad)
------------------------------------------
[ Reservar una cita ]   Pie: dirección, teléfono, horario

En el escritorio, el mismo orden se reparte en columnas; el orden en sí no debería cambiar.

Diseño de página de inicio de ejemplo para una clínica dental creado por We.Inc a partir de una frase
Diseño de página de inicio de ejemplo creado por We.Inc a partir de una frase. No es una clínica real.

4. Pruebas y detalles del servicio sin afirmaciones inventadas

5. Briefing de página de inicio para copiar

BRIEFING DE PÁGINA DE INICIO
Negocio + lugar:
Frase de la oferta (H1):
Acción principal (texto del botón):
Acción secundaria:
Tarea del visitante 1 -> sección:
Tarea del visitante 2 -> sección:
Tarea del visitante 3 -> sección:
Pruebas que podemos mostrar de verdad:
Estilo (dos o tres palabras):

En We.Inc puedes pegar este briefing como descripción inicial; el creador lo convierte en un diseño de página de inicio que luego editas con la edición por clic.

Lista de comprobación de antes y después

Empieza a crear

Elige un punto de partida entre las plantillas de webs para negocios o lee cómo funciona el creador de webs de We.Inc. Plan Free: hasta 3 sitios con plantilla en una dirección we.inc. La creación con IA y los dominios propios empiezan en Starter, a $20/mes (precios). La calculadora de coste de una web te ayuda a comparar opciones. Para más detalle sobre la página de inicio, consulta cómo diseñar una página de inicio.

Empieza a crear la web de tu negocio

Preguntas frecuentes

¿Qué debe haber en la página de inicio de una web?

Un titular que diga qué haces y para quién, una acción principal, secciones que respondan a los principales motivos de visita (servicios, disponibilidad, confianza), datos de contacto y enlaces a páginas más profundas.

¿Qué extensión debe tener una página de inicio?

La que haga falta para responder a las principales tareas de los visitantes, y no más. Para la mayoría de los pequeños negocios son de cinco a ocho secciones cortas.

¿Es real Riverside Family Dental?

No. Es un ejemplo inventado, y el diseño que aparece es un ejemplo que We.Inc creó a partir de una frase.

Empieza gratis · Sin tarjeta de crédito

Product

Who It's For

Features

Resources

Company

View Sitemap