Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Aplicación para
Firefox OS
La experiencia de Telepizza
¿Por qué una aplicación para Firefox OS?

’’

La esencia de la estrategia consiste en la
elección de lo que no se debe hac...
Antecedentes
Estrategia multicanal
Aplicaciones

Países

• Web

• España

• Web móvil

• Portugal

• Apps

• Polonia

iPho...
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...
D
V
M
L

© Telepizza, 2013

J
X

S

Comida
Cena

Algunos números
Dificultades
Lenguajes
• HTML/CSS/Javascript
• .NET/C#
• Java/Android
• Objective C/iOS

Modelos de propiedad
• Propiedad
...
Dificultades

Alto coste de mantenimiento

© Telepizza, 2013
Nueva estrategia

Web / HTML
Diseño “responsive”

© Telepizza, 2013
Nueva estrategia
HTML4
• Call center

HTML4 responsive
• Navegadores PC
• Tablet, Smartphones
• Firefox OS.

HTML5 respons...
Ventajas del diseño “responsive”
Adaptable
• A cualquier resolución.
• A cualquier dispositivo actual o futuro.
• HTML4 (W...
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é ...
¿Cómo se hizo?
Tecnologías y APIs utilizadas
• Frontal: HTML, CSS y Javascript
• Backoffice: .NET
• APIs específicas - Geo...
¿Cómo se hizo?
Manifiesto de la aplicación
{
"version": "2.0.2",
"name": "Telepizza 2.0",
"description": "Telepizza - Comi...
¿Cómo se hizo?
Manifiesto de la aplicación
• URL específica
• Idiomas soportados
• Iconos
• Orientación
• Permisos

© Tele...
¿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 ...
¿Cuánto tardamos?
Adaptación a Firefox OS
• 1 semana adaptación y pruebas sobre emulador.
• 1 día pruebas sobre dispositiv...
El resultado

© Telepizza, 2013
Gracias!

© Telepizza, 2013
Upcoming SlideShare
Loading in …5
×

Alejandro andré responsable de desarrollo de aplicaciones de Telepizza

1,070 views

Published on

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

  • Be the first to comment

  • Be the first to like this

Alejandro andré responsable de desarrollo de aplicaciones de Telepizza

  1. 1. Aplicación para Firefox OS La experiencia de Telepizza
  2. 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. 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. 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. 5. D V M L © Telepizza, 2013 J X S Comida Cena Algunos números
  6. 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. 7. Dificultades Alto coste de mantenimiento © Telepizza, 2013
  8. 8. Nueva estrategia Web / HTML Diseño “responsive” © Telepizza, 2013
  9. 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. 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. 11. Ventajas del diseño “responsive” Experiencia de usuario optimizada para cada dispositivo © Telepizza, 2013
  12. 12. Foco Foco en plataformas con presencia en mercado y/o potencial de crecimiento en países Telepizza © Telepizza, 2013
  13. 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. 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. 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. 16. ¿Cómo se hizo? Manifiesto de la aplicación • URL específica • Idiomas soportados • Iconos • Orientación • Permisos © Telepizza, 2013
  17. 17. ¿Cómo se hizo? Icono © Telepizza, 2013
  18. 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. 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. 20. El resultado © Telepizza, 2013
  21. 21. Gracias! © Telepizza, 2013

×