Diseñar para Internet no es fácil. Para tener éxito se necesitan considerar factores esenciales. El diseño de páginas web responsivas es parte esencial del Inbound Marketing y las estrategias de ventas.

A lo largo de los años y múltiples proyectos, en GROU, agencia líder en el desarrollo de Inbound Marketing en Mexico, hemos adquirido la experiencia necesaria para identificar estos factores que, de manera resumida y didáctica, compartimos para que tengas un Homepage exitoso:

TIP 1: NO SCROLLING

Diseñar para "above the page fold" lleva años entre las mejores prácticas.

Estudios demuestran que los usuarios pasan el 80% de su tiempo navegando en la primer pantalla (de ahí el término "above the page fold"), mientras que el 20% restante decide hacer scroll down.

Si quieres que los usuarios vean tu información, organiza tu contenido de acuerdo a esta organización visual jerárquica.

TIP 2: CALL TO ACTION

La acción principal de tu sitio –conocido en inglés como "Call to action"– deberá estar en tu primer pantalla.

Procura que el tamaño de este botón sea lo suficientemente grande para que se convierta en el principal foco visual.

A la par, cuida que tu encabezado descriptivo sea lo suficientemente claro.

No abuses de llamados ni satures de contenidos a tu primer bloque, por el contrario, distribuye la información de acuerdo a tu jerarquía.

TIP 3: CONTENIDO

El contenido es el rey y así lo debemos de tratar. Solamente deberás colocar el contenido necesario para una ágil lectura, es decir, sé lo más minimalista posible.

La razón es contundente: los usuarios, en general, no leemos, sino escanéamos la información.

Procura que las imágenes sean lo mas grande posible, así tendremos un mejor impacto visual.

De esta manera podrás contar mejores historias en poco espacio y en la menor cantidad de tiempo.

PRACTICA 4: TEST

Es indispensable hacer pruebas en las diferentes plataformas antes de liberar los diseños.

Para visualizar tu diseño en diferentes tamaños, te recomiendo que utilices herramientas como www.resizemybrowser.com, así podrás realizar los ajustes de acuerdo a los puntos arriba mencionados.