Alejandro andré responsable de desarrollo de aplicaciones de Telepizza, nos cuenta por qué se decantaron por Firefox OS, cómo lo conocieron y los beneficios que tiene para Telepizza

1. Aplicación para
Firefox OS
La experiencia de Telepizza

2. ¿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

3. Antecedentes
Estrategia multicanal
Aplicaciones
Países
• Web
• España
• Web móvil
• Portugal
• Apps
• Polonia
iPhone
Android
Nokia
Blackberry *
• Facebook
• TV
© Telepizza, 2013
• Chile

4. 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

5. D
V
M
L
© Telepizza, 2013
J
X
S
Comida
Cena
Algunos números

6. 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 dispositivos...
Nuevos países
© Telepizza, 2013

7. Dificultades
Alto coste de mantenimiento
© Telepizza, 2013

8. Nueva estrategia
Web / HTML
Diseño “responsive”
© Telepizza, 2013

9. 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

10. 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

11. Ventajas del diseño “responsive”
Experiencia de usuario
optimizada para cada dispositivo
© Telepizza, 2013

12. Foco
Foco en plataformas con presencia en
mercado y/o potencial de crecimiento en
países Telepizza
© Telepizza, 2013

13. ¿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 tienda.
• 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

14. ¿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

15. ¿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
}

16. ¿Cómo se hizo?
Manifiesto de la aplicación
• URL específica
• Idiomas soportados
• Iconos
• Orientación
• Permisos
© Telepizza, 2013

17. ¿Cómo se hizo?
Icono
© Telepizza, 2013

18. ¿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

19. ¿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

20. El resultado
© Telepizza, 2013

21. Gracias!
© Telepizza, 2013