Más allá del código: Diseñando una App para quien no suele usar Apps (El Caso PieSanto)
Mientras escribo esto, tengo una pestaña del navegador refrescándose compulsivamente cada 30 minutos: la Google Play Console.
Estamos en ese limbo burocrático que todo desarrollador conoce. He subido la nueva versión de la app de PieSanto, he tenido que cambiar la firma digital (un dolor de cabeza técnico necesario por temas de seguridad y legacy code) y ahora toca esperar el "OK" de Mountain View.
Pero mientras Google decide si mi keystore es digna de su tienda, quiero contarte qué hemos hecho. Porque esto no ha sido simplemente "convertir una web en una app". Ha sido un ejercicio de empatía digital.

El Problema: Tecnología vs. Generación Silver
PieSanto no es una startup de criptomonedas para chavales de 20 años. Es una marca de calzado de señora consolidada, cómoda y elegante.
¿El reto? Su público objetivo. Hablamos de señoras de entre 40 y 70 años.
Muchas de ellas son lo que llamamos "inmigrantes digitales". No tienen la paciencia para lidiar con menús hamburguesa escondidos, tiempos de carga infinitos o interfaces que requieren gestos complejos. Si la app no es intuitiva en los primeros 3 segundos, la cierran y no vuelven.
Un "wrapper" (envoltorio) web básico habría sido un desastre. Necesitábamos algo más inteligente.
La regla de oro: Si tu usuario tiene que pensar cómo usar tu menú, has fracasado. En PieSanto, la accesibilidad no es una "feature", es el negocio.
La Solución: Un Híbrido Inteligente con Flutter
Decidí usar Flutter (Dart 3.x). ¿Por qué? Porque me permite controlar cada píxel de la pantalla nativa mientras integro la potencia de su tienda online actual.
No hemos rehecho la tienda desde cero (eso costaría miles de euros y meses de desarrollo). Hemos creado una superestructura nativa que abraza su web actual pero le da "superpoderes".
1. UX para quien no quiere complicarse
El mayor cambio es la navegación. En lugar de depender de la navegación web, creamos un Menú Nativo.
- Botones grandes.
- Texto claro.
- Acceso directo a "Tienda", "Outlet" y "Mis Favoritos".
Y aquí viene un detalle técnico que marca la diferencia en la experiencia de usuario (UX): la Persistencia de Sesión.
Usando
webview_flutter_androidy una configuración agresiva de cookies, logramos que si la usuaria se loguea una vez, la app recuerde quién es para siempre. No hay nada que frustre más a una usuaria senior que tener que buscar su contraseña cada vez que quiere ver unos zapatos.
2. Atención al Cliente "Humanizada" (El botón mágico)
Este es mi feature favorita y refleja mi filosofía de "opinionated software": el código debe proteger al negocio.
Implementamos un botón flotante de WhatsApp, pero no es un simple enlace. Es un cerebro lógico.
- ¿Es horario laboral? El botón abre WhatsApp directamente para chatear.
- ¿Es domingo o las 3 de la mañana? El botón muestra un aviso nativo amable: "Nuestro equipo descansa ahora, te atenderemos encantados mañana a partir de las 9:00".
Esto evita la frustración del cliente que escribe y nadie contesta, y protege al equipo de soporte de mensajes fuera de hora. Eso es programar con estrategia de negocio.
3. Notificaciones que venden (Deep Linking)
Una web espera a que el cliente venga. Una app va a buscar al cliente.
Hemos integrado Firebase Cloud Messaging (FCM) para las notificaciones push. Pero no para mandar "spam".
Usamos Deep Linking. Si PieSanto lanza una oferta de sandalias, la notificación no te lleva a la portada (Home). Te lleva directamente al producto o categoría de la oferta. Eliminamos clics intermedios. Menos fricción = más ventas.
4. Midiendo el éxito (ROI)
Como desarrollador, no me vale con que "quede bonito". Tiene que ser rentable.
Implementé un "escucha" de URLs. La app está monitoreando silenciosamente la navegación. Cuando detecta la URL de confirmación de pedido (/checkout/ok/), ocurren dos cosas:
- Feedback Visual: Lanzamos una animación nativa de celebración (un SnackBar verde) para felicitar a la clienta.
- Data: Enviamos un evento
purchase_appa Firebase Analytics.
Así sabemos exactamente cuánto dinero está generando la app frente a la web móvil.
Nota técnica: Para la versión de Android, hemos tenido que firmar el .aab (Android App Bundle) con un Keystore privado y actualizar la versión semántica a 1.0.0+X para cumplir con los requisitos de Google Play y asegurar la actualización sobre versiones antiguas.
Conclusión: La tecnología debe ser invisible
La nueva app de PieSanto no parece "tecnología punta" a simple vista, y ese es su mayor logro. Se siente natural, se siente fácil y respeta a la usuaria que la tiene en la mano.
Hemos usado Flutter, inyección de Javascript, Firebase y gestión de cookies compleja para que, al final del día, una señora pueda comprarse unos zapatos cómodos desde su sofá sin tener que pelearse con su teléfono.
¿Tu negocio necesita "Nativizarse"?
Si tienes un e-commerce y sientes que tu tráfico móvil no convierte, el problema no suelen ser tus productos. Es la fricción.
En Nativiza, no hacemos apps "churrería". Analizamos tu negocio, entendemos a tu cliente (ya sea un Gen-Z o una abuela tecnológica) y creamos una herramienta que venda y fidelice.
¿Hablamos? Tengo un hueco en la agenda mientras espero que Google apruebe esa actualización.
¿Te ha gustado este enfoque? Suscríbete a mi newsletter para recibir más despieces técnicos y estrategias de negocio móvil cada semana.