alejandro andré responsable de desarrollo de aplicaciones de telepizza
DESCRIPTION
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 TelepizzaTRANSCRIPT
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 *
• 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!