9 ejemplos de diseños de página de inicio que funcionan

Publicado: 2020-10-11

Diseñar una página de inicio que se destaque en el mar de otros sitios web, todos compitiendo por al menos una parte de su público objetivo, puede ser un asunto complicado. Desea que su diseño ilustre quién es usted como marca, el mensaje que intenta transmitir y lo que representa. Y por supuesto, quieres que se vea bien.

Para brindarle algo de inspiración y ayudarlo a comenzar, hemos compilado una lista de nueve ejemplos de diseño de página de inicio que simplemente funcionan. Con suerte, le darán algunas ideas para su propia página de inicio y facilitarán su propio proceso de diseño.

Abra con su mensaje clave

La sección principal de su página de inicio es su propiedad inmobiliaria más valiosa. Esto es lo primero que las personas verán cuando lleguen a su sitio web, y esta es su oportunidad de captar su interés de inmediato.

Una buena forma de hacerlo es abrir con el punto principal. Por ejemplo, Forms on Fire se abre con su mensaje de ventas de inmediato, y no hay duda de lo que ofrecen. Su valor central está representado aquí: facilitan el trabajo al digitalizar formularios.

Fuente: formsonfire.com

Y añade algo más a tu héroe también

Además de ese mensaje clave escrito en una fuente más grande que se destaca en su héroe, también puede agregar una copia adicional allí. Eso depende del tipo de negocio que haga, y primero querrá considerar cómo su público objetivo podría reaccionar ante un poco más de copia de ventas desde el principio.

Por ejemplo, Freshbooks tiene otras dos oraciones agregadas a su sección principal que profundizan su eslogan y agregan algunas palabras más poderosas: fácil, rápido, seguro .

Fuente: freshbooks.com

Elige colores que destaquen

Los colores que elija para su diseño pueden ser mucho más importantes de lo que piensa. Los diferentes colores invocan diferentes tipos de emociones y, sin saberlo, es posible que estés enviando el mensaje equivocado.

Su combinación de colores puede decir mucho sobre quién es usted como marca: los colores vibrantes hablarán de su actitud divertida y relajada, un sitio web en blanco y negro puede reflejar su lado elegante, el verde puede hacer saber a las personas que es una marca ecológica y pronto.

Este es un ejemplo de Pixelgrade, que optó por un enfoque muy colorido: este tipo de diseño ciertamente capta su atención y, en este caso, también muestra las diferentes cosas que puede hacer con su producto.

Fuente: pixelgrade.com

Usa figuras para ilustrar tus puntos

A veces, los números pueden hablar más fuerte que las palabras. Entonces, en lugar de especificar con cuántos clientes ha trabajado, la mejor opción sería llevar el punto a casa con el uso de cifras reales.

También debe hacer que estos números se destaquen: use una fuente más grande, use un color que contraste, colóquelos en una sección prominente de su página.

My Company Works muestra su experiencia con números concretos, y esto funciona muy bien; después de todo, presumir de más de 60 000 clientes no es realmente un alarde, sino más bien una declaración.

Fuente: mycompanyworks.com

Usa ilustraciones personalizadas

Además de las cifras y palabras que tiene en su página de inicio, debe haber algún tipo de elementos visuales involucrados. Puede usar videos, imágenes, animaciones o ilustraciones. Siempre que lo que elija sea totalmente personalizado y esté alineado con la identidad de su marca, no puede equivocarse.

Estamos enfatizando la palabra personalizado aquí, ya que no desea utilizar las imágenes que alguien más ya ha presentado. No lo haría sobresalir, no lo haría reconocible y ciertamente no coincidiría con la historia de su marca tanto como lo haría algo original.

Evernote tiene algunos gráficos muy simples en su página de inicio; sin embargo, ilustran los puntos a la perfección, están en sintonía con el resto del diseño de la página y no distraen demasiado de la copia en sí.

Fuente: evernote.com

O mostrar un poco del producto

También puede usar capturas de pantalla (o casi capturas de pantalla) que mostrarán el producto real en su página de inicio. Puede lograr el mismo fin con un video de demostración, pero sabiendo que no todos estarán interesados o tendrán tiempo para el video, aún puede mostrar el producto y obtener algunas imágenes agradables, todo de una sola vez.

Mint usa imágenes de su aplicación en la página de inicio: estas imágenes son personalizadas, encajan bien en el diseño general y obviamente hacen el trabajo básico de mostrar qué es el producto y cómo puede ayudar a alguien en su vida diaria.

Fuente: mint.com

Presume de tus logros

Si bien esta táctica ciertamente no funcionará en todas las industrias, y definitivamente no atraerá a todo tipo de audiencia, a veces alardear de sus mayores logros puede atraer una gran cantidad de nuevos clientes.

Sin embargo, tenga cuidado con la forma en que muestra esto. No quieres que todo se trate de ti. Desea que sus principales contratos o características principales demuestren que hace un buen trabajo y que puede ayudar a la persona que mira su página, no que sea increíble y costoso y que no trabaje con cualquiera.

Jill Konrath hace esto con los logotipos: la sección de héroes de su sitio web tiene una fila de logotipos de grandes nombres de publicaciones, y al instante te dice que ha aparecido en algunas revistas y periódicos muy importantes. Y no es demasiado molesto ni demasiado directo. Funciona.

Fuente: jillkonrath.com

Elige un CTA poderoso

Cualquier cosa puede ser un CTA. Puede hacerlo corto, puede hacerlo muy largo o puede hacerlo predecible. Todos esos "contacto", "haga clic aquí" y similares, pueden volverse un poco mundanos después de un tiempo.

Además, una CTA también debe tener como objetivo proporcionar algún tipo de valor, si es posible. Si le está pidiendo a alguien que se suscriba a su boletín, sin duda hay una mejor manera de decirlo que "suscribirse", dependiendo de su público objetivo, por supuesto. Muchos sitios web usan una variedad de "contenido increíble aquí". Y funciona.

Startup Resources tiene un gran CTA, por ejemplo. Resume todo lo que representa la marca: únete a su lista de correo electrónico de más de 2000 emprendedores y recibe un correo electrónico seleccionado semanalmente con herramientas útiles que puedes probar.

Fuente: startupresources.io

Hazlo tuyo

En última instancia, el principal consejo que debes sacar de este artículo es que tu página de inicio debe ser tuya. Incluso si no se adhiere a ninguno de los consejos que hemos enumerado anteriormente, incluso si ninguna de estas ideas le atrae, está perfectamente bien.

Diseña una página de inicio que esté en línea con lo que quieres que sea y lo que crees que tu audiencia apreciará. Deje que muestre quién es usted realmente como marca y como un conjunto de personas detrás de la marca.

Para ilustrar este punto, aquí está el ejemplo de Ahrefs. Han incorporado algunos de los elementos de los que hemos hablado: gran CTA, figuras frías y duras, capturas de pantalla del producto, derechos de fanfarronear, pero su página de inicio es en realidad mucho más que eso. Es un reflejo de su marca, por lo que funciona tan increíblemente bien.

Fuente: ahrefs.com

Para resumir todo esto

Eche un vistazo a algunas de las ideas de diseño que hemos enumerado y comience a esbozar su propio diseño de página de inicio. Recuerde que será un trabajo en progreso para siempre, y siempre tendrá más ideas y querrá hacerlo aún mejor. Deténgase en un punto en el que sienta que la página funciona, en la que esté en consonancia con su marca y su público objetivo, y pruébela.