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!
Top Related