Tana Phone
Tienda online con WhatsApp, pagos y gestión de pedidos
Una tienda de accesorios de tecnología de Santiago pasó a vender en todo el país desde su propia web: cobra con tarjeta o contra entrega por WhatsApp, calcula el envío por provincia y maneja pedidos, facturas e inventario desde un solo panel.
- Rubro
- Tienda de tecnología y accesorios · Santiago
- Servicios
- Tienda en línea · Panel de gestión · Pagos y envíos
- Duración
- 10 meses, por fases (2025–2026)
- Sitio
- tanaphone.com
El reto
Dónde estaban antes del proyecto.
Tana Phone vende accesorios de tecnología desde Santiago y despacha a todo el país. Las ventas se movían por mensajes y redes sociales: cada cliente preguntaba precio, disponibilidad y envío por separado, y cada pedido se armaba a mano.
No había un catálogo ordenado donde ver precios, variantes y disponibilidad.
No se podía cobrar con tarjeta en línea.
Las direcciones llegaban incompletas y el costo de envío se calculaba a mano.
Pedidos, facturas e inventario estaban separados, sin una visión clara del negocio.
Objetivos
Qué tenía que lograr el proyecto.
Vender en todo el país desde una tienda propia, sin depender de los mensajes uno a uno.
Cobrar con tarjeta sin perder al cliente que prefiere pagar al recibir.
Que el dueño maneje productos, pedidos, facturas y la propia tienda sin depender de un programador.
Proceso
Cómo lo pensamos, antes de escribir código.
Investigación
Revisamos cómo vende la tienda: pedidos por WhatsApp, pago contra entrega y envíos a provincia. De ahí salieron las reglas del sistema: dos formas de cobro, tarifa por provincia y total calculado siempre en el servidor.
Estructura
Tienda y panel en una sola app React, sobre una API en Laravel. Recorrido corto: categoría → ficha → carrito → checkout por pasos con el resumen siempre a la vista, y compra como invitado.
Decisiones de diseño
Cabecera de búsqueda tipo marketplace con todas las categorías a la vista, navegación inferior en celular y Material Design 3 con la identidad de la marca (negro, esmeralda y marfil), editable desde el panel.
La solución
Qué construimos.
Tienda propia con pago con tarjeta
Catálogo con variantes, reseñas y descuentos por cantidad; pago con la pasarela Azul y el total siempre calculado en el servidor.
Pedidos por WhatsApp, contra entrega
Quien prefiere pagar al recibir arma su pedido en la web y lo envía por WhatsApp con el PDF listo, sin necesidad de registrarse.
Envíos a todo el país
Dirección validada con provincias y municipios oficiales, tarifa por provincia y envío gratis desde un monto.
Panel de gestión y métricas
Ventas comparadas con el periodo anterior, visitas de Google Analytics, alertas de stock bajo y pedidos sin atender, y facturación desde el pedido.
Datos protegidos
Datos personales de los pedidos cifrados, sesión en cookie httpOnly, límites de intentos y cabeceras de seguridad activas.
01 · Escritorio
Portada que vende sola
Carriles de más vendidos y ofertas por cantidad que el dueño arma desde el panel, con compra en un clic.
02 · Escritorio
Ficha que sube el ticket
Variantes con foto y tramos de "Compra más y ahorra" que muestran el ahorro al instante.
03 · Escritorio
Catálogo con compra en un clic
Búsqueda tolerante a errores, categorías a la vista y "Agregar al carrito" en cada tarjeta.
En el celular
Portada
Navegación inferior siempre a mano.
Compra más y ahorra
Tramos de precio grandes y fáciles de tocar.
Catálogo
Dos columnas para ver más productos sin bajar.
Resultados
Lo que cambió para el negocio.
24/7
catálogo abierto para vender
Sin esperar a que alguien conteste un mensaje.
2
formas de cobro
Tarjeta con Azul o contra entrega por WhatsApp.
32
provincias con tarifa de envío
Calculada sola en el carrito, con envío gratis desde un monto.
1
panel para todo el negocio
Pedidos, facturas, inventario, métricas y contenido de la tienda.
Tecnología
Con qué lo construimos
React
Vite
Redux
Material UI
Laravel
PHP
MariaDB
Google Analytics
Pasarela Azul
¿Quieres resultados como los de Tana Phone?
Cuéntanos qué vendes y cómo trabajas. Te decimos qué construiríamos y cuánto costaría, sin compromiso.
Agenda tu llamada por WhatsApp