Has creado una aplicación fantástica y quieres mostrarla, comercializarla y venderla. Puedes creer que todo lo que necesitas para lanzar una nueva aplicación es tener una entrada optimizada en las tiendas de aplicaciones. El problema es que necesitarás un punto focal para la promoción de tu aplicación. Un lugar donde puedas darle bombo y hacer crecer la base de usuarios de tu aplicación. Por eso, todas las aplicaciones necesitan páginas de aterrizaje eficaces y bien diseñadas. La mejor estrategia es colocar el producto en el centro de la página, rodeado de una interfaz de usuario sencilla y combinaciones de colores sorprendentes. Los elementos visuales a pantalla completa, las películas, los colores vivos y otros aspectos distintivos y pegadizos hacen las cosas aún más atractivas. Cuando creas una aplicación para móvil correctamente, ésta es una excelente fuente de inspiración para el diseño web móvil. A la hora de diseñar el sitio web de tu aplicación, ten en cuenta las siguientes ideas e intenta utilizarlas.

¿En qué consiste una buena página de aterrizaje para aplicaciones móviles?

Imagen tomada de usuario de Strikingly

¿Cuáles son los componentes típicos de una plantilla de página de aterrizaje para aplicaciones móviles? Notarás estos componentes fundamentales si examinas las muestras dadas en este post e incluso las páginas de aterrizaje de tus apps favoritas:

1. El título (The Title)

Imagen tomada de Pzizz

Lo primero en lo que se fijan los visitantes es en el titular. Debes demostrar el valor de tu aplicación. En pocas palabras, debes persuadir a los visitantes de que tu software es lo que quieren. Los visitantes deben estar lo suficientemente intrigados como para permanecer en tu página, como mínimo. Mira cómo funciona la aplicación para dormir. Cómo Pzizz transmite todo el valor de su aplicación en un solo titular, con botones de llamada a la acción inmediatamente debajo. El titular de una sleeping app resume todo el valor de la página web de la aplicación móvil.

2. Presenta imágenes y fotos claras del producto

Los usuarios no necesitan pistas sutiles sobre el aspecto de la aplicación. Los visitantes probablemente se irán si tienen que intentar averiguar algo. Quieren saber lo sencillo o difícil que será utilizar la aplicación y, lo que es más importante, cómo se distingue de las otras 400 aplicaciones móviles comparables disponibles. Por ejemplo, Bite ofrece al cliente una idea clara de cómo se vería la aplicación en un smartphone, al tiempo que demuestra su sencillez.

3. Los mejores medios para las imágenes héroe

Si quieres que la mayor parte de tu sitio web o página de aterrizaje tenga sentido, tienes que informar inmediatamente a tus visitantes de que se trata de un sitio web para aplicaciones móviles. Como podrán ver si se trata de una aplicación para Android, iOS, iPad o Tablet, también podrán determinar inmediatamente si es utilizable. La forma más excelente de mostrar a los visitantes la funcionalidad de tu app, ya que sólo se preocupan por ella, es a través de capturas de pantalla. Esto no es una restricción porque las capturas de pantalla pueden encajar en cualquier diseño. El propósito de las imágenes es mejorar la narrativa presentada en el cuerpo del texto más que producir páginas de aterrizaje de aplicaciones móviles visualmente atractivas. Las imágenes deben resaltar el producto y sus ventajas.

Imagen tomada de Soundcloud

La página de inicio de las aplicaciones móviles de Soundcloud es un excelente ejemplo de contenido visualmente atractivo, ya que muestra lo sencillo que es navegar y encontrar nueva música mediante el uso de GIF animados.

4. Espacio en blanco sin relleno

Imagen tomada de usuario de Strikingly

El espacio negativo, también conocido como espacio en blanco, es esencialmente la parte del plano que se deja vacía en la página web de una aplicación móvil. Suele aparecer dentro, entre y alrededor de los elementos dispuestos en la pantalla. Permite que cada objeto de la página o pantalla respire un poco. No olvides nunca que tienes a tu disposición una gran variedad de colores, texturas, patrones e imágenes de fondo cuando crees espacio negativo para tu sitio web en lugar de utilizar sólo espacio en blanco.

Visita el sitio web de la aplicación Upper para ver cómo utilizan el espacio negro negativo para crear un impresionante contraste con los principales componentes de la experiencia del usuario. En toda la pantalla sólo hay una línea recta. Sin embargo, como no hay distracciones innecesarias y los elementos tienen espacio para respirar, el diseño está bien organizado y es fácil de leer. Además, el diseño simplista de la aplicación web contribuye a su atractivo estético. La visibilidad es esencial a la hora de elegir el nombre y el icono de tu aplicación, ya que quieres que la gente los recuerde aunque no la descargue inmediatamente.

Imagen tomada de Upper

5. Proporciona a los visitantes una idea clara del funcionamiento de la aplicación

Un primer paso esencial pero insuficiente es demostrar a los visitantes lo que puede hacer un sitio web de aplicaciones móviles. También debes mostrar cómo funciona el software. La capacidad de un sitio web de aplicaciones para permitir a los visitantes imaginarse a sí mismos como usuarios reales de la aplicación es uno de los motores de ventas más eficaces. Una de las formas más sencillas de hacerlo es mediante un vídeo. Un vídeo de este tipo puede verse en la parte principal de PeekCalendar.

Imagen tomada de Peekcalendar

6. El cuerpo del texto (The body copy)

Imagen tomada de usuario de Strikingly

Obtendrás un lugar en el cuerpo principal de la copia a tu favor. Escribe tanto material como sea necesario para responder a las preocupaciones tácitas de tus visitantes y asegurarles que visitar tu página de aterrizaje ha sido la elección correcta. La longitud del contenido variará en función del tipo de programa y del sector en el que trabajes. Para que se compre un juego de carrera infinita, se necesitan menos ejemplares (y más imágenes) que para un software de dietas y estilo de vida saludable.

• Describe primero la información más pertinente
• Resume brevemente las características principales
• Enumera las características importantes utilizando viñetas
• Utiliza palabras conocidas

7. Llamada a la acción que destaque

Imagen tomada de usuario de Strikingly

Por mucha persuasión que se logre, no conseguirás que la gente se descargue una aplicación si el sitio web de la aplicación móvil carece de llamadas a la acción llamativas. Esta CTA tiene que llamar la atención de la gente y hacer que hagan algo. Es una buena idea añadirla en varios lugares del sitio web de la aplicación. El propósito de la página de aterrizaje de tu aplicación es dirigir a los usuarios a la llamada a la acción, que debería ser hacer clic en un botón de descarga para acceder a la tienda de aplicaciones. O bien deben descargar la aplicación inmediatamente después de rellenar un formulario de contacto. Todos los elementos de la página web deben trabajar juntos para apoyar este objetivo principal. El botón CTA de Splitwise ocupa un lugar destacado. El título y el subtítulo captarán primero la atención del visitante, seguidos del botón CTA, que está claramente visible.

Imagen tomada de Splitwise

8. Apoyo social

Necesitas pruebas sociales para convencer a los usuarios de que tu aplicación es fiable. Estas pueden incluir algunas de las mejores citas de reseñas de clientes y algunos de los mejores extractos de artículos de blogs o periódicos. La mayoría de las aplicaciones suelen destacar las opiniones positivas de los usuarios o los testimonios de usuarios conocidos. Se mostrarán los honores y reconocimientos que ha recibido la aplicación. Sólo pueden presumir de cuántos usuarios o descargas han producido. Mira cómo el software de mapas y viajes Roadtrippers utiliza las opiniones de los usuarios y el contenido del cuerpo para construir un cuento sobre cómo descubrir joyas ocultas mientras viajas.

Imagen tomada de Roadtrippers

9. Diseño para dispositivos móviles

Al crear la página de destino del sitio web de tu aplicación para móviles, asegúrate de que los "tap targets", es decir, los lugares de la página con los que interactúan los usuarios, no se solapen y tengan un tamaño adecuado. Ve a la página de destino de la aplicación para smartphone Simplenote. En primer lugar, te ofrece una descripción de las funciones de la aplicación y, a continuación, te proporciona enlaces de descarga para cada sistema operativo. Fíjate en el tamaño de esos enlaces. Esto se debe a que se pretende que sean fáciles de pulsar en los dispositivos móviles.

Imagen tomada de Simplenote

¿Cómo crear un sitio web para aplicaciones móviles?

La mejor herramienta de creación de sitios web de Strikingly te permite empezar a construir el sitio web de tus aplicaciones móviles sin esfuerzo. Para empezar, debes registrarte para obtener una cuenta Strikingly. Al registrarte en Strikingly con tu ID de correo electrónico, puedes lograrlo. Puedes modificar tu sitio web después de registrarte en Strikingly.

El botón "Crear nuevo sitio web" en el panel de control es donde debes empezar. Crea un sitio web premium para aplicaciones móviles seleccionando el diseño de plantilla que desees y realizando las modificaciones necesarias. Puedes visitar el centro de ayuda de Stikingly o leer nuestros blogs para aprender más sobre cómo modificar la plantilla o las características que puedes añadir a tu sitio web. Puedes optar por seguir utilizando la URL gratuita de Strikingly o comprar un dominio para tu sitio web.

Durante el primer año, Strikingly te dará un crédito de dominio (por valor de 24,95 $) si te inscribes en cualquiera de sus planes anuales. También puedes conectar un dominio existente a tu sitio web. No necesitarás gestionar la configuración del dominio después de conectar tu dominio de Strikingly porque lo conectaremos a tu sitio automáticamente.

Conclusión

Si sigues estas cinco técnicas probadas y comprobadas, no deberías tener muchos problemas para desarrollar un sitio web para aplicaciones móviles que esté destinado a convertir usuarios en clientes. Una combinación de colores llamativa y un diseño sencillo atraerán a los visitantes. Para mantener el interés de los visitantes, hay que facilitarles la comprensión de lo que hace la aplicación y cómo utilizarla. El espacio en blanco contribuye a una experiencia de usuario positiva, mientras que los botones CTA fuertes y brillantes aumentan las conversiones. Es fundamental recordar que la apariencia del sitio web debe estar diseñada para incitar al público objetivo a descargar la aplicación.