Cuando una Marca se refiere al m-commerce, variante móvil del e-commerce, debe tomar muchas decisiones. Una de las más relevantes es decidir si se queda únicamente con la versión RWD (Responsive Web Design) o si debe complementarla con una aplicación móvil. En realidad una de las principales ventajas de tener una App es la de tener un acceso directo a productos y/o servicios sin necesidad de conectarse a la web. El icono de nuestra Marca entre las apps del usuario sirve de recordatorio para el cliente. Nuestra Marca está ahí, convirtiéndose en un servicio de fidelización al cliente si hacemos buen uso de las notificaciones push de los dispositivos.
La app permite hacer algunas cosas que la web no… el problema es el coste a asumir por parte de la Marca. Sin embargo no tenemos porqué rehusar a tener nuestra marca en el dispositivo del usuario. Teniendo en cuenta que varios estudios han demostrado que los consumidores que emplean la app de la marca son más regulares y leales, ¿porqué no implementarla en el dispositivo del usuario?
¿Porqué rehusar a tener nuestra marca en el dispositivo del usuario?
La posibilidad de crear un icono de Marca que se pueda añadir a la pantalla de inicio de un iPhone o iPad para una página web o una WebApp, con distintos tamaños, efectos, sombras y brillos existe.
Prepara 3 imágenes:
- iPhone: 57×57 píxeles
- iPhone 4 alta resolución y posteriores: 114×114 píxeles
- iPad: 72×72 píxeles
Nombralas como:
- apple-touch-icon-57×57.png para el iPhone
- apple-touch-icon-114×114.png para el iPhone 4 alta resolución y posteriores
- apple-touch-icon-72×72.png para el iPad
O si las quieres sin efecto o los que hayas creado:
- apple-touch-icon-precomposed.png si sólo hacemos un icono por defecto
- apple-touch-icon-57×57-precomposed.png para el iPhone
- apple-touch-icon-114×114-precomposed.png para el iPhone 4 alta resolución y posteriores
- apple-touch-icon-72×72-precomposed.png para el iPad
Luego añade una pequeña parte de código en la cabecera de tu web (antes del final del )
Con efectos:
< link rel="apple-touch-icon-precomposed" href="/nombre-del-icono.png" />
< link rel="apple-touch-icon-precomposed" sizes="114x114" href="/nombre-del-icono-iphone4.png" />
< link rel="apple-touch-icon-precomposed" sizes="72x72" href="/nombre-del-icono-ipad.png" />
Sin efectos:
< link rel="apple-touch-icon" href="/nombre-del-icono.png" />
< link rel="apple-touch-icon" sizes="114x114" href="/nombre-del-icono-iphone4.png" />
< link rel="apple-touch-icon" sizes="72x72" href="/nombre-del-icono-ipad.png" />