Soyunamarca

Qué diseño web móvil debes hacer según tu negocio offline

29 septiembre, 2015

Cada vez son más las visitas a cualquier página web desde dispositivos móviles, hoy día es raro el móvil que no tenga acceso a internet y los tiempos muertos y la comodidad facilitan esta tendencia al alza, concretamente las visitas a cualquier página web desde móvil ya superan un tercio del total.

Diseño web Responsive vs Web Móvil

Un diseño web responsive es aquel que adapta la maquetación de elementos en la página web a las proporciones de la pantalla para que no haga falta hacer scroll horizontales innecesarios. En la siguiente imagen vemos como el diseño varía dependiendo del dispositivo donde se vea la web:

Sin embargo, en muchas ocasiones cuando buscamos una página web con el móvil tenemos necesidades más específicas y no necesitamos toda la información que aparece en los sitios de escritorio.

Por ejemplo, podemos hacer un diseño web de escritorio para un restaurante que tenga información de los platos, la historia de la familia propietaria, comentarios y fotos de clientes. Ahora imagina que has quedado con amigos en ese restaurante y te piden que reserves, si te pillan en la calle buscarás en google su teléfono y cómo llegar al sitio, el resto de información es superficial y no la necesitas, quieres ir al grano, por lo que una web con la información mínima necesaria para móvil será más que suficiente para una conversión más rápida y directa.

[Tweet “Un diseño responsive para móviles no siempre es lo que necesita nuestro negocio”]

¿Cómo debe ser un diseño web para móviles?

En muchas ocasiones tendremos más que suficiente con un diseño web responsive, pero dependerá del tipo de negocio y cuanto más fácil se lo pongamos al cliente más fácil será tener conversiones:

  • Carga rápida de información: Está demostrado que páginas muy lentas tienen mayor índice de rebote, por lo que si ponemos lo justo y necesario nuestra web cargará más rápido.
  • Información concentrada: Ir al grano y tener lo mínimo que nos sirva para convertir (dependerá del objetivo de la web: reservar, llamar, solicitar muestra,…)
  • Momento de consumo: Piensa en qué momento busca alguien una web desde su móvil y que quiere.
  • Urgencia: Botón directo para llamar antes que el número de teléfono, facilitemos siempre el contacto.
  • Estilo App: Desde el móvil estamos más acostumbrados a las aplicaciones, por eso

¿Qué debe contener un Diseño web para estos negocios?

Restaurantes

Objetivo principal de la web:

  • Reservas (teléfono, formulario, whatsapp,…)

Información mínima para una conversión:

  • Teléfono
  • Formulario de reservas
  • Mapa para saber cómo llegar

Otra información residual a la que se puede acceder:

  • Precio de platos
  • Menús
  • Promociones
  • Blog

Ejemplo de web móvil de restaurante: Más que adaptar el diseño de escritorio, vamos directos a la conversión, a las mínimas funciones que se necesitan para convertir visitas en reservas.

ejemplo web movil

Hotel

Similar al de un restaurante porque los objetivos son los mismos

Objetivo principal de la web:

  • Reservas (teléfono, formulario de motor de reservas)

Información mínima para una conversión:

  • Teléfono
  • Formulario de reservas (El formulario de reservas debe ser lo mínimo indispensable.)
  • Mapa e información de cómo llegar

Otra información residual a la que se puede acceder:

  • Fotos de habitaciones y exteriores
  • Comentarios de clientes, certificado de tripadvisor
  • Ventajas de club de clientes
  • Actividades y eventos

Ejemplo de web móvil de hotel:

web mobile hotel

Centro Comercial

En este caso, la conversión de un centro comercial es atraer gente al establecimiento por lo que es más difícil de medir, aunque podemos establecer KPIs como generar leads (ofreciendo algo a cambio de emails o teléfonos) o visitas a la sección “cómo llegar” para saber quién está interesado en venir.

Objetivo principal de la web:

  • Atraer visitas físicas al centro comercial
  • Generar leads para enviar ofertas comerciales

Información mínima para una conversión:

  • Teléfono
  • Mapa e información de cómo llegar (podemos medir conversiones por las veces que acceden al mapa)
  • Formulario de registro para la newsletter
  • Tiendas y Restaurantes: en este caso es más importante, se trata de SEO long tail porque muchas visitas vendrán buscando a las marcas de las tiendas

Otra información residual a la que se puede acceder:

  • Eventos
  • Ofertas y promociones
  • Cartelera
  • Club Infantil

Ejemplo de web móvil de centro comercial:

centro comercial diseño web

Gimnasio

En un gimnasio podemos tener objetivos diferentes para los socios y para los nuevos clientes, por lo que la web debe ser amigable para ambos.

Objetivo principal de la web:

  • Reservar clases (para los que ya son socios)
  • Darse de alta (para nuevos clientes)

Información mínima para una conversión:

  • Teléfono / Email
  • Formulario de registro: Socios y no socios
  • Catálogo de actividades
  • Ofertas, Promociones y Precios: Los nuevos clientes será lo primero que busquen, por lo que deberá estar bien presente.

Otra información residual a la que se puede acceder:

  • Actividades extra
  • Equipamiento
  • Otros servicios
  • Localización
  • Blog

Ejemplo de web móvil de gimnasio: En este caso se parece más a la versión Responsive, dejamos fácil apuntarse, por eso siempre debemos tener claro el objetivo de la web y dejar la información que no influya en un plano secundario.

web gimnasio escritorio gimnasio web móvil

 

En definitiva, los clientes de los negocios donde la conversión es directamente en el establecimiento tienen, en muchas ocasiones, necesidades diferentes cuando buscan desde el móvil, por lo que deberemos analizar su comportamiento en nuestros procesos de marketing y adaptar nuestro sitio web.