Desarrollo de una app nativa La Nevera Roja Junio 2013

www.ideup.com 3

Caso de estudio

La Nevera Roja

Conceptualización, diseño y desarrollo de una aplicación móvil nativa para iOS a partir del sitio web de La Nevera Roja.

Cliente: La Nevera Roja es un servicio de comida a domicilio que agrega la oferta de más de 4.000 restaurantes en España en un buscador y que permite al usuario realizar un pedido online o telefónico. La Nevera Roja ejerce el rol de intermediario entre los restaurantes y los usuarios finales, facilitando el servicio de venta online a muchos restaurantes.

www.ideup.com 4

Situación

La Nevera Roja

En un entorno dónde el sector m-commerce está creciendo a un ritmo vertiginoso comparado con el crecimiento de Internet y España es el país europeo donde más han aumentado las compras a través de smartphones, según datos del Mobile World Congress Barcelona 2013 (MWC).

La inversión en marketing móvil ha crecido en 2012 un 45% y unos 14 millones de españoles compraron a través del móvil respecto al año anterior; es decir más del 60% de usuarios de smartphones que hay en nuestro país.

Los usuarios han aumentado su nivel de exigencia en el consumo de contenidos a través de medios multiplataforma, de modo que resulta obvio que al menos el sitio web debe responder a las exigencias mínimas de visualización de iOS o Android.

www.ideup.com 5

Situación La Nevera Roja

La Nevera Roja

Disponer de una aplicación móvil les ayudaría a solventar algunas de las principales limitaciones de su página web. • No hay seguimiento de pedido ni estado del mismo y la única interacción que se realiza con el usuario en el proceso de compra es cuando el restaurante indica la hora aproximada de entrega. • A todo esto debemos sumarle un gran volumen de información que debemos ser capaces de condensar y presentar adecuadamente con el objetivo de facilitar la experiencia a los usuarios.

¿El reto? Conceptualizar y desarrollar una app móvil centrada en los usuarios: tan sencillo como abrir la nevera de tu casa, desde el móvil.

www.ideup.com 6

La web no es suficiente, el usuario está en el móvil

La Nevera Roja

Antes de tomar una decisión era importante decidir qué tipo de solución encajaba mejor con las necesidades de nuestro cliente.

La app nativa tiene un gran componente de fidelización, nos permite sacar todo el partido al dispositivo y además, aporta ventajas añadidas que tienen como resultado una mejora de la experiencia de usuario. Y además, están especialmente diseñadas para funcionar en dispositivos determinados con un sistema operativo y firmware.

www.ideup.com 7

Desarrollo de la app nativa para iOS

La Nevera Roja

•  Nos permitirá el envío de notificaciones Push: para anunciar promociones, avisar del estado del pedido y enviar alarmas.

•  Las compras dentro de la app se realizarán a través de la cuenta de usuario del dispositivo móvil, por lo que el proceso se simplificará y será necesario facilitar los datos de la tarjeta de crédito.

•  A diferencia de las aplicaciones web, las aplicaciones nativas proporcionan una mejor experiencia de usuario, puesto que la interfaz no tiene que cargarse junto con el resto de datos.

•  Permiten la sincronización o el cacheo de datos para funcionar off-line. De esta manera, el usuario podrá acceder a los contenidos de la aplicación incluso cuando no haya buena cobertura de red.

•  Además, podremos valorar la inclusión de algunos componentes sociales (Compartir el pedido en redes sociales, crear mesas de invitados y fragmentar los pagos.)

www.ideup.com 8

Proceso de compra: abre la nevera y elige tu menú

La Nevera Roja

Para comprender el proceso de desarrollo y diseño de la aplicación de La Nevera Roja, antes era necesario analizar el proceso de compra paso a paso:

• El usuario accede a la página web, realiza el pedido y efectúa el pago (pago con tarjeta o paypal). • La Nevera Roja tiene instalado un TPV en cada restaurante al que transmite la información del pedido. •  El restaurante recibe la información, acusa recibo de la misma e indica la hora aproximada de entrega. •  Se genera un aviso en la cuenta del usuario: “Tu pedido está atendido”. • Se entrega el pedido. •  La Nevera Roja paga al restaurante el importe debido restando su comisión.

www.ideup.com 10

Diseño de la arquitectura de La Nevera Roja

La Nevera Roja

Definida el contenido básico de las distintas pantallas y esbozados los flujos de interacción; desarrollamos los prototipos de la aplicación.

De este modo, conseguimos una perspectiva básica de la arquitectura de contenido que nos permitirá solventar posibles problemas de interacción antes de pasar a la siguiente fase: el diseño visual.

A continuación; podemos ver los prototipos y el diseño final del proceso de registro: un método de búsqueda de restaurantes muy intuitivo.

Comprar desde el móvil, una nueva experiencia

La Nevera Roja

www.ideup.com 12

Uno de los retos principales era condensar el volumen de contenido que La Nevera Roja tenía en su sitio web y optimizarlo para incluirlo en la aplicación. Debíamos ser capaces de desarrollar funciones muy concretas sacando partido a las distintas funcionalidades que un dispositivo móvil nos ofrece:

• Geolocalización • Búsquedas filtradas

De este modo, enriquecemos la selección de un restaurante haciéndola más sencilla y práctica para los clientes.

Gracias a una estructura de contenidos en niveles de relevancia para el usuario, una vez seleccionado un restaurante podremos ver en la pantalla la información clave (horario, formas de pago, el componente social de recomendaciones, etc.) antes de acceder a información secundaria que en muchos casos provocaría la distracción y pérdida del usuario en la navegación.

Los restaurantes tan accesibles como la nevera de casa

La Nevera Roja

www.ideup.com 14

El registro como usuario permite almacenar los datos de pedidos frecuentes: • Pedidos recientes • Estado de los pedidos • Restaurantes consultados • Importe de cada pedido • Fecha No sólo llevamos los restaurantes a casa sino que además se almacena la información de forma práctica y personalizada para futuras visitas o consultas. El registro de los datos de la tarjeta se muestra en una pantalla única, un solo impacto visual. Una vez realizado el pedido el cliente puede registrarlo como habitual por si desea repetirlo en el futuro. Además, el pedido podrá ser anulado y será posible ponerse en contacto con el establecimiento vía e-mail o telefónica directamente desde la aplicación, evitando así interrupciones.

Una app centrada en el usuario

La Nevera Roja

www.ideup.com 16

Los clientes pueden valorar cada restaurante o establecimiento y añadir comentarios que posteriormente se mostraran en el feed de información básica del establecimiento ayudando a otros usuarios a tomar su decisión. Se invita a la creación de comunidades en torno a los restaurantes y a la compartición en redes sociales.

Con el objetivo de fidelizar y premiar el uso de la aplicación, desarrollamos un plan de incentivos de “neveuros”, a través del cual los usuarios pueden acumular puntos que podrán utilizar en futuros pedidos como descuento.

Componente social: comentarios,recomendaciones y fidelización

La Nevera Roja

www.ideup.com 20

El secreto de esta app es su alto nivel de usabilidad:

• Una app conceptualizada con el usuario como protagonista dónde se resuelven sus principales necesidades. • Un sistema GPS de geolocalización para hallar los establecimientos que dan comidas a domicilio en las proximidades del usuario. • Búsqueda filtrada (precio máximo, tiempo de entrega del pedido, tipos de comida)

Ya está disponible para iOS y próximamente la veremos en Android.

La Nevera Roja ha multiplicado por 15 sus pedidos en el último año

La Nevera Roja

www.ideup.com 22

Gracias.

                             ���This work is licensed under a Creative Commons Attribution-NoDerivs 3.0 Unported License