Diseño de la página de inicio: Cómo hacer que la página de inicio de tu sea un éxito

8 min.
Consejos para el diseño de la página web

La página de inicio o homepage es para muchos el santuario de un sitio web. Debe servir para numerosos propósitos y atender a diferentes grupos de destinatarios. Y lo mejor de todo, al mismo tiempo. ¿Cómo son una buena dirección y un diseño de página web orientado al público objetivo? Aquí están los consejos más importantes en una visión general.

A continuación hablo de empresas, pero muchas partes de los principios también se aplican a un simple blog, a tu de interés especialsitio o a la banda tus . La página de inicio debería:

  • Mostrar la empresa, la agencia o el servicio desde la mejor sitio
  • Mapear simultáneamente todas las áreas de actividad de la empresa
  • Mostrar que la empresa está al día, a través de noticias y conectando Facebook, Instagram, etc.
  • Pero también la narración con la historia de los fundadores debe encajar
  • La suscripción al boletín debe ser visible en todo momento

Del mismo modo, suele querer asignar nuevas ofertas de trabajo, direcciones, tu dirección, todos los números de teléfono con los contactos. Y así sucesivamente.

optimizar la página de inicio de las imágenes
Una página web según el lema: Una imagen dice más que mil palabras

Puedes ver a dónde va esto: La página de inicio no puede ni debe hacerlo todo, por favor. Hay que enfocar el asunto de forma conceptual y estratégica y pensar exactamente en lo que debe mostrarse allí y por qué. Mi enfoque no es ciertamente el único, y tal vez ni siquiera el mejor para las empresas de tu . Pero intentaré justificar cualquier indicación. No obstante, también acepto otras opiniones y sugerencias en los comentarios.

La página de inicio es una página de aterrizaje

Como todas las páginas del sitio web tus , la página de inicio es una página de aterrizaje. Vea nuestro post sobre cómo diseñar mejor las páginas de aterrizaje. Una vez que te das cuenta de eso, ya has logrado mucho. Porque entonces te lo replanteas.

En el mejor de los casos, incluso ha recopilado datos sobre la página de inicio de tu . ¿De dónde vienen las personas que aterrizan en la página web tus ? ¿Qué quieren conseguir? ¿Cómo puede ayudarles? ¿Cuál es el objetivo real de la página de aterrizaje para usted? ¿Qué información quiere transmitir?

Análisis tus Página web

La recopilación de cifras sobre la página de inicio de tu y otras subpáginas de tu es extremadamente importante. Al fin y al cabo, esta es la única manera de averiguar si el contenido de tu y el diseño de tu conducen a la meta. Lea nuestras instrucciones sobre los KPI de contenidos, sobre el tema del centro de contenidos, pero también sobre la prueba de contenidos.

¿De dónde vienen los visitantes de tu :inside?

En la mayoría de los casos, los usuarios llegan a tus a través de Google, de las actividades de marketing de tu (también puede ser una tarjeta de visita, por ejemplo) o de los perfiles de las redes sociales en la página de inicio. Es posible que estos visitantes no sepan realmente a qué se dedica la empresa tu . Sin embargo, es evidente que buscan una empresa que ofrezca servicios o información en tu . De lo contrario, no se molestarían en visitar la página de inicio de tu .

En muchos casos, pueden leer un artículo en tus que usted compartió en Instagram, por ejemplo, y luego ir a la página de inicio. Para ver qué hace realmente la empresa. Ahora hay que ofrecer algo a los usuarios. Y lo primero es responder a la pregunta:

De todos modos, ¿qué hace el sitio web o la empresa?

Lamentablemente, esto se olvida a menudo. Lo primero que debe responder una página web a sus visitantes es: "¿Estoy en el lugar correcto? Porque estos vienen de alguna parte, aterrizan en tus sitio - y no saben nada todavía. Necesitan que se les confirme desde el principio que han aterrizado en la dirección correcta sitio . Esto es como un pequeño caramelo al principio de su experiencia de usuario (UX):

Ha venido al lugar adecuado. Puede respirar tranquilo y relajarse y obtener información en tu .

Mi sugerencia es: Tres o cuatro frases que expliquen de forma breve pero precisa lo que ofrece. Con un enlace debajo si quieres saber más. Para eso está internet, para obtener más información a golpe de clic.

Página de inicio Texto básico
La página de inicio de un consultorio con un sobrio texto introductorio

Aquí es donde a menudo me encuentro con más viento en contra: primero hay que conseguir que la gente se involucre emocionalmente para que se quede. Por ejemplo: "Pondremos una imagen enorme en la página de inicio y luego dejaremos que las noticias se presenten a través de un deslizador". Para que vean la gran empresa global que somos.

Sobre los grandes deslizadores: no funcionan. Muchos ya han escrito sobre esto. La página sitio ¿Debo utilizar un carrusel? es un buen comienzo. Además, la afirmación "¡esto es importante, lo ponemos en la barra lateral!" ya no funciona, porque la barra lateral simplemente no está actualizada, y no encaja bien con el diseño web responsivo.

Atracción emocional

Doy un "sí" rotundo a dirigirse al grupo objetivo emocionalmente. Esto no sólo vincula a los clientes de tu a nivel de hechos, sino que también apela al cerebro de una manera completamente diferente. Sin embargo, en mi opinión, el primer mensaje debería seguir siendo: "¿A qué te dedicas realmente?". ¿Cómo se puede introducir también el nivel de las emociones?

Se trata de una decisión estratégica que debe basarse en la identidad corporativa (IC) de tu . tu CI incluye cómo se dirige a tu grupo objetivo. Hay básicamente tres posibilidades:

  • Sobre el texto
  • Sobre el diseño
  • Sobre las imágenes o vídeos

Discurso sobre el texto

Las personas utilizan un sitio web de forma muy diferente. Esto significa que usted no sabe cómo encuentran algo en el sitio web tus . Por ejemplo, lo primero que utilizan es el menú, la búsqueda, y luego escudriñan los títulos o enlaces en tus sitio . Sin embargo, el primer punto de anclaje más común en el que se fijan es el primer texto de sitio que le da información. Numerosos estudios han demostrado que. Puede "diseñar" este texto de forma muy diferente con la ayuda de la dirección y la tonalidad.

"Soy Phillip Roth, estoy haciendo un sitio web para su negocio" suena diferente a "¡Hey, soy un influenciador del diseño web que optimiza tu crazy UX para los KPIs más ascendentes!" Analice bien tu el público al que se dirige y ajuste el tono en consecuencia. Forma parte de la identidad corporativa de tus tanto como el diseño de tu .

Dirección a través del diseño

Un diseño atractivo no sólo transmite profesionalidad, sino que también conmueve emocionalmente. Consulte nuestro artículo sobre los principios básicos para un diseño web armonioso. Los colores, la selección del tipo de letra, los elementos de diseño... todo ello puede transmitir confianza, alegría, frialdad, locura y muchas otras emociones a los visitantes. El diseño corporativo forma parte del mensaje global que quiere transmitir tu . Los elementos que fomentan la confianza, como los certificados, pueden aportar más puntos.

Página de inicio Imágenes Emociones
Página de inicio con un llamamiento emocional y un texto introductorio

Fotos o vídeos

La imagen de tu también está conformada por el lenguaje visual. ¿Es usted una empresa global con 600 empleados y geniales rascacielos en Shanghai o una pequeña fábrica con un bonito taller? ¿Es usted un entrenador con hermosas salas de taller o un médico con una consulta elegante? Eso es lo que los visitantes de tu :inside quieren saber y ver. Quieren averiguar: "¿Puedo sentirme cómodo allí?", "¿Me atrae el producto?", "¿Es una empresa en la que podría solicitar empleo?", "¿Trabaja allí gente normal?". "¿Son simpáticos?".

Todo esto se puede transmitir en milisegundos con una o varias imágenes bonitas. Pero para eso, las imágenes tienen que ser auténticas. Porque lo que muestras de ti y de tu equipo tiene que ser real hoy en día. De lo contrario, la gente no se sentirá tomada en serio. Ya nadie quiere ver la foto de archivo con la extraña telefonista rubia. Tan poco como una extraña sala de reuniones llena de gente sonriente pero "falsa".

Quizá incluso tenga un buen vídeo explicativo que resuma los servicios de tu en 30 segundos. O tal vez tenga un vídeo de fondo que muestre tu hotel de lujo y el hermoso paisaje que lo rodea. Todo lo que apoye la identidad corporativa de tu y el mensaje asociado es bueno.

Concepto de color de la página web
Página web con fotos atractivas y un concepto de color uniforme

¿Y ahora qué?

Así que ahora tenemos la atención de los visitantes. Ahora saben: "Estoy en el lugar correcto, me siento cómodo. Lo que sigue ahora es una decisión estratégica: ahora puede profundizar en la información que sólo ha tocado brevemente aquí. Ahora puede perseguir -además de la primera impresión- tu segundo objetivo.

Llegados a este punto, tiene sentido reflexionar sobre cuál es realmente este objetivo. Véase también la estrategia de contenidos asociada. Porque si los visitantes no se fijan en el menú tu o en la búsqueda de información, entonces empiezan a desplazarse. ¿Y qué es lo siguiente que se les ofrece?

Las posibilidades son múltiples:

  • Cuente una historia
  • Profundizar en la información sobre la oferta de servicios de tu
  • Mostrar grandes eventos, compromisos o noticias
  • Ofrezca una herramienta para reservar citas, así no siempre le llamarán directamente
  • Personalmente, lo que más vendo es a través de mi boletín de noticias, lo ofrezco en numerosos lugares del sitio web
  • Consulte tu Job-sitio, si está buscando nuevos empleados.
  • Mostrar buenas críticas

Como puede ver, ahora hay cientos de formas de diseñar la página de inicio. Y ciertamente no existe una receta estándar para llevar a los clientes de tu a la conclusión deseada. Tienes que probarlo. Sin embargo, hay que tener en cuenta que la página de inicio de tu o la página de aterrizaje de tu no consiguen una atención infinita. Es muy raro que alguien se desplace 27 metros, y aún así absorba toda la información.

Testimonios de la página web
La página de inicio con un presupuesto y los servicios ofrecidos

Para este concepto me gusta utilizar los llamados wireframes o maquetas. Es decir, se ordena en simples rectángulos con marcos grises el contenido de la página de inicio. Sin contenido real, sin diseño. Puedes hacerlo en una hoja de papel o con programas como Adobe XD, Sketch, Photoshop, InDesign o incluso en Powerpoint. Como he dicho, deja el diseño fuera de esto por ahora. En este punto, usted quiere saber, por ejemplo:

  • ¿Qué es lo que definitivamente debe ir en la página de inicio?
  • ¿Qué es lo que no necesita ir allí?
  • ¿Se está convirtiendo todo en demasiado?
  • ¿Puede alcanzarse el objetivo con el espacio disponible?
  • ¿Los visitantes ven la llamada a la acción con suficiente antelación?
Mockup Wireframes Adobe XD
Wireframes en Adobe XD

Ve al grano.

Ahora que has establecido tu objetivo secundario y has dado al usuario toda la información que podías meter en el espacio limitado, debes aclarar tu objetivo. Lo mejor es hacerlo al final de sitio. Como se ha dicho: ahí puedes volver a destacar la información más importante, colocar la llamada a la acción o invitar a los usuarios a ponerse en contacto contigo con una foto tuya, junto a tus datos de contacto. Cualquiera que sea tu segundo objetivo de sitio es: Ahora usted puede colocar antes de tu pie de página viene. tu página de inicio es - como se dijo al principio - una página de aterrizaje.

El pie de página puede volver a funcionar como una navegación secundaria, por ejemplo si quiere ofrecer más información allí. A muchos también les gusta buscar en tu huella, si es un proveedor serio. Pero ten cuidado. Demasiados elementos en su pie de página pueden distraer de su objetivo real. Si, por ejemplo, el registro para el boletín de noticias está ahí, pero usted sólo escribe un boletín de noticias una vez al año, entonces esto es quizás menos útil.

Conclusión

Piense en tu como una página de aterrizaje. Dé a sus visitantes la sensación de que han aterrizado en el sitio web correcto sitio . Refuerce esta sensación con un enfoque orientado al grupo objetivo, un diseño elegante e imágenes de apoyo auténticas.

Defina con precisión el destino secundario de tu . Lleva a los visitantes hasta allí. Si es posible, compruebe con análisis y pruebas A/B si esto funciona. Y lo que funciona aún mejor. En mi opinión, no se puede hacer una página de inicio mucho más perfecta que esa.

Como puedes ver en las páginas que he creado (ver capturas de pantalla) en este post, ni siquiera mis consejos me han llevado siempre al resultado que quería :-; ¡Me alegra conocer nuevas ideas tuyas, en los comentarios, sólo por eso! ¿Quizá haya encontrado la fórmula perfecta para la página de inicio de tu ?

tu Preguntas sobre el artículo

¿Tienes preguntas para Phillip? ¿O un consejo para el diseño de la página de inicio? Esperamos su comentario. ¿Quieres estar informado de los nuevos artículos sobre WordPress y diseño web? A continuación, siga RAIDBOXES en Twitter y Facebook, LinkedIn o a través de nuestro boletín.

Phillip es un diseñador independiente y ha estado conceptualizando, diseñando, creando y manteniendo sitios web WordPress accesibles para sus clientes en Colonia desde 2011. Durante muchos años fue coorganizador de WordCamp Europa y de otros WordCamps locales. Como diseñador de comunicación, a Phillip también le gusta diseñar logotipos, equipos de negocios y material publicitario, incluyendo stands de ferias.

Artículos relacionados

Comentarios sobre este artículo

Escribe un comentario

La dirección de correo electrónicotu no se publicará. Los campos obligatorios están marcados con *.