Aplicación para Firefox OS

La experiencia de Telepizza

© Telepizza, 2013

¿Por qué una aplicación para Firefox OS?

La esencia de la estrategia consiste en la elección de lo que no se debe hacer

Michael Porter

’’

© Telepizza, 2013

Antecedentes

Estrategia multicanal

Aplicaciones• Web

• Web móvil

• Apps� iPhone

� Android

� Nokia

� Blackberry *

• Facebook

• TV

Países• España

• Portugal

• Polonia

• Chile

© Telepizza, 2013

Algunos números

Web• Volumen:

� Más de 10.000.000 pedidos en 5 años.

� Más de 1.000.000 clientes online.

• Uso:� >%25 pedidos online, >%30 vs teléfono.

� Algunas tiendas >60%.

� ~20% por móvil, creciendo muy fuertemente.

• Conversión:� >%25 conversión de visita única a pedido.

� >%50 conversión de login a pedido.

� Frecuencia y valor de cliente superior al teléfono.

© Telepizza, 2013

Algunos números

L

MX

JV S

D

Com

ida

Cen

a

© Telepizza, 2013

Dificultades

Lenguajes• HTML/CSS/Javascript

• .NET/C#

• Java/Android

• Objective C/iOS

Modelos de propiedad• Propiedad

• Revenue-share

Cambios frecuentes• Políticas de precios, promociones, productos

• Actualizaciones, nuevas tecnologías, nuevos disposi tivos...

Nuevos países

© Telepizza, 2013

Dificultades

Alto coste de mantenimiento

© Telepizza, 2013

Nueva estrategia

Web / HTMLDiseño “ responsive ”

© Telepizza, 2013

Nueva estrategia

HTML4• Call center

HTML4 responsive• Navegadores PC

• Tablet, Smartphones

• Firefox OS.

HTML5 responsive• Apps híbridas: iOS, Android

• Apps hosted: Firefox OS (futuro)

Web services• Agregadores WS

© Telepizza, 2013

Ventajas del diseño “responsive”

Adaptable• A cualquier resolución.

• A cualquier dispositivo actual o futuro.

• HTML4 (Web, Smartphones) / HTML5 (Apps, TV)

Eficiente• Ancho de banda ajustado.

Mantenible• Un sólo código.

Resultado.• Navegadores soportados: IE8+, Chrome, FF, Safari...

• Dispositivos soportados: TODOS con navegador

© Telepizza, 2013

Ventajas del diseño “responsive”

Experiencia de usuario optimizada para cada dispositivo

© Telepizza, 2013

Foco

Foco en plataformas con presencia en mercado y/o potencial de crecimiento en

países Telepizza

© Telepizza, 2013

¿Cómo se hizo?

Tipo de aplicación: empaquetada vs alojada.• Empaquetadas (off-line)

• Hospedadas (web/on-line)

¿Por qué hospedada?• Catálogo y política promocional diferente por tiend a.

• Política promocional diferente por día.

• Control de existencias.

• Selección de tienda / Callejero.

• Horarios de apertura

• Plazos de entrega.

• Medios de pago.

• Estado del pedido.

© Telepizza, 2013

¿Cómo se hizo?

Tecnologías y APIs utilizadas• Frontal: HTML, CSS y Javascript

• Backoffice: .NET

• APIs específicas - Geolocalización:� Selección tienda cercana a recoger.

� Autocompletado campos dirección domicilio.

• Ajustes específicos para Firefox OS

Dificultades encontradas• Identificación del dispositivo.

• Pasarelas de pagos.

© Telepizza, 2013

¿Cómo se hizo?

Manifiesto de la aplicación{

"version": "2.0.2",

"name": "Telepizza 2.0","description": "Telepizza - Comida a Domicilio y Ofertas Exclusivas","developer": {

"name": "Tele Pizza S.A.U.","url": http://www.telepizza.es

},

"launch_path": "/home?app=firefox","fullscreen": "true","orientation": ["portrait"],"installs_allowed_from": ["*"],"icons": {

"128": "/icon-firefox.png"},"permissions": {

"geolocation": {"description": "Required to show your current location." }

},"default_locale": "es","locales": {

"es": {….

© Telepizza, 2013

¿Cómo se hizo?

Manifiesto de la aplicación

• URL específica

• Idiomas soportados

• Iconos

• Orientación

• Permisos

© Telepizza, 2013

¿Cómo se hizo?

Icono

© Telepizza, 2013

¿Cuánto tardamos?

Web responsive

• Diseño: 3 meses� Largas discusiones con Marketing para definir la mejor UX.

� Pruebas con usuarios finales.

• Desarrollo: 3 meses

• Pruebas: 1 mes

• Despliegue paulatino� Más de 15 versiones hasta la versión actual.

© Telepizza, 2013

¿Cuánto tardamos?

Adaptación a Firefox OS

• 1 semana adaptación y pruebas sobre emulador.

• 1 día pruebas sobre dispositivos reales.

• 1 día ajustes.

• 1 semana publicación y aprobación en el marketplace.

© Telepizza, 2013

El resultado

© Telepizza, 2013

Gracias!