Antes y después, medido
Rediseños de negocios reales. Cada cifra se tomó en los dos sitios funcionando: el mismo día, desde el mismo equipo y la misma conexión.
Antes y después · Rediseño Web
Buddana TravelDe WordPress a sitio propio: responde 8× más rápido y pesa 79% menos
Agencia chilena que arma viajes completos —vuelos, traslados y hotelería en una sola propuesta— hacia el Caribe, Egipto, cruceros por el Mediterráneo y circuitos por los cinco continentes. Su venta se cierra conversando, no con un botón de comprar. Su sitio anterior, en WordPress con Elementor y WooCommerce, estaba armado como tienda online. Lo reconstruimos completo en torno a la conversación.
8×
más rápido en responder
4×
más rápido en cargar
−79%
de peso por visita
46 → 1
hojas de estilo
Con qué llegaron
WordPress con Elementor y WooCommerce hacía funcionar el catálogo, pero a un costo: la portada cargaba 46 hojas de estilo y 39 archivos de JavaScript. Y la estructura de tienda no calzaba con una venta que se cierra conversando: carro, checkout y “Valorado con 0 de 5” en cada tarjeta, porque nadie deja reseñas en una agencia de viajes. Con el tiempo, además, quedaron cabos sueltos: la página de ofertas sin ofertas y los botones de destinos sin una página a la cual llevar.
Qué construimos
Reescribimos el sitio desde cero en Next.js con una identidad propia, “Bitácora de viaje”: cada programa es un pase de abordar con su precio en el talón, las ofertas llevan sellos de pasaporte, los testimonios son postales con las fotos reales de los viajeros y un mapamundi traza la ruta desde Santiago a cada destino. Sin carro ni checkout: todo termina en “Cotizar por WhatsApp”, con el mensaje ya armado con el programa. Los 20 programas, 12 testimonios y el equipo se migraron desde la base de WordPress, y cada dirección antigua redirige a su equivalente nuevo.
Qué cambió, punto por punto
Cada fila compara el mismo lugar del sitio en las dos versiones.
Portada
Antes
Un slider por región que avanzaba con “clic en el logo para deslizar”, sin buscador, con un aviso de “¡Hola viajero!” forzado a abrirse en cada visita.
Ahora
“El mundo, a tu medida” con un buscador por destino y tipo de viaje, y un tablero de aeropuerto que va mostrando las salidas con su precio.
En el teléfono
Antes
La primera pantalla era una foto con el logo al centro y la instrucción de tocarlo para avanzar: sin precios ni forma de buscar.
Ahora
Titular, buscador y botón de WhatsApp en la primera pantalla. En la ficha, el precio y “Cotizar” quedan fijos abajo mientras se lee.
Catálogo
Antes
Listados de WooCommerce con buscador de texto y “Valorado con 0 de 5” bajo cada viaje. Las 14 categorías mezclaban tipo, región y campañas.
Ahora
Tres ejes separados —tipo, región y estilo de viaje— con los filtros guardados en la dirección, para compartir una búsqueda tal cual.
Ficha del viaje
Antes
Texto libre con todo junto, botón de carro, pestaña de “Valoraciones (0)” y categorías técnicas a la vista.
Ahora
Qué incluye con íconos, qué no incluye, itinerario día a día y salidas. Las fechas pasadas se ocultan solas y el precio va en el talón del pase de abordar.
Destinos
Antes
Seis regiones con botones “Ver destinos” que no llevaban a una página propia.
Ahora
Un mapamundi que traza la ruta desde Santiago, y una página por región con sus programas.
Ofertas
Antes
La página existía, pero estaba vacía: solo mostraba la suscripción al newsletter.
Ahora
Muestra sola los programas con precio rebajado, con el precio anterior tachado.
Testimonios
Antes
Bloques de texto en columnas bajo el título “Nuestros Clientes”.
Ahora
Postales con la foto real del viajero, el destino y la firma, una por una.
Viaje a medida
Antes
Las tres preguntas eran solo texto; el formulario pedía nombre, correo, una región y un mensaje libre, y se enviaba por correo.
Ahora
Un formulario por pasos —destino, experiencia, fechas, presupuesto y contacto— que arma el mensaje de WhatsApp y además llega por correo.
Identidad
Antes
El logo turquesa sobre un sitio burdeo y dorado, con cinco tipografías distintas.
Ahora
Logo redibujado en vector, una paleta que une el turquesa con el burdeo y el dorado, tres tipografías y un set de íconos propio.
Rendimiento medido, no estimado
Primera visita sin caché, los dos sitios en funcionamiento.
| Medición | Antes | Ahora | Dif.Diferencia |
|---|---|---|---|
| Respuesta del servidor (TTFB) | 1.302 ms | 164 ms | −87% |
| Contenido listo (DOM interactivo) | 1.516 ms | 183 ms | −88% |
| Carga completa | 1.521 ms | 375 ms | −75% |
| Archivos solicitados | 134 | 51 | −62% |
| Peso de la página | 4.821 KB | 1.025 KB | −79% |
| Archivos de JavaScript | 39 | 15 | −62% |
Medido el 4 de octubre de 2026 sobre la portada de los dos sitios funcionando: el mismo día, desde el mismo equipo y la misma conexión, en primera visita sin caché, mediana de 5 cargas. El sitio nuevo se midió en su dirección de revisión, antes de pasar el dominio al sitio nuevo.
Lo que no se ve en la portada
Lo que hace el sitio por dentro para que cada consulta llegue.
Que la encuentren
Cada viaje, descrito para Google
Cada ficha le informa a Google que es un viaje, con su precio, la oferta vigente y las migas de pan. La agencia queda declarada con su dirección en Las Condes, su teléfono y sus redes.
Una descripción propia por página
El sitio anterior solo tenía descripción en los productos. Ahora cada página tiene la suya, y al compartir un viaje por WhatsApp aparece con la foto del destino.
Migración sin perder lo ganado en Google
Las direcciones de WooCommerce —/product/, categorías, tienda, carro y cuenta— redirigen de forma permanente a su equivalente nuevo, y cada viaje conservó su nombre en la dirección.
Que no se pierda una consulta
WhatsApp con el mensaje ya escrito
Desde cada ficha, el botón abre WhatsApp con el nombre del programa y su enlace: la agencia sabe de qué viaje le hablan antes de responder.
Formularios por dos vías
Viaje a medida y contacto llegan por WhatsApp y, además, por correo a la dirección que la agencia elija.
Sin fechas vencidas a la vista
Las salidas que ya pasaron se ocultan solas. Si un programa se queda sin fechas, muestra “Nuevas fechas por confirmar” en vez de una salida de hace meses.
Menos piezas que puedan fallar
Sin WordPress ni plugins
El sitio anterior dependía de más de una decena de plugins, cada uno con sus actualizaciones. El nuevo son páginas ya generadas, sin base de datos expuesta.
El panel no está en internet
La carga de programas se hace desde un panel que solo corre en un equipo autorizado. En el sitio publicado, /admin no existe.
Qué incluye el sitio
- Catálogo por tipo, región y estilo de viaje, con los filtros en la dirección
- Ficha con qué incluye, itinerario día a día y salidas vigentes
- Cotización por WhatsApp con el programa y el enlace ya escritos
- “Tu viaje soñado a un clic”: formulario por pasos que llega por WhatsApp y correo
- Mapamundi con la ruta y la distancia desde Santiago a cada destino
- Postales de viajeros con sus fotos reales
- Mismo menú y mismas direcciones que el sitio anterior
- Datos para Google en cada viaje: precio, oferta y migas de pan
- Panel para cargar programas, ofertas y testimonios sin tocar código
Con qué está hecha
Antes y después · Rediseño Web + Tienda online
Tinta RojaDe WooCommerce a tienda propia: la misma marca, 3× más rápida
Línea de ropa independiente chilena, en línea desde 2016, con diseños de tiraje limitado inspirados en el arte del tatuaje. Su tienda vivía sobre WordPress y WooCommerce: funcionaba, pero costaba comprar en ella. La reconstruimos completa —catálogo, carro, checkout y panel de administración— y hoy tintaroja.cl corre sobre esa versión nueva.
3×
más rápida al cargar
−80%
en respuesta del servidor
−61%
archivos por visita
−57%
elementos en la página
Con qué llegaron
El problema no era el diseño, era la fricción. En el teléfono, donde compra la mayoría, el encabezado ocupaba más de media pantalla antes de mostrar un solo producto. Cada filtro del catálogo recargaba la página entera. Y el cliente descubría que su talla estaba agotada recién después de elegirla, sin descripción del producto a la vista para convencerlo de quedarse.
Qué construimos
Reescribimos la tienda desde cero en Next.js, sin plantillas ni constructores de páginas: catálogo con filtrado instantáneo, stock por talla visible antes de elegir, checkout en cuatro pasos con validación de RUT y tarifas de despacho por región. Por dentro, sus productos se publican en Google Shopping y quedan visibles para los asistentes de IA, y protegida para que no se pierda una venta por un error de stock o un pago confirmado dos veces. La operación diaria —pedidos, despachos y cupones— se hace desde un panel hecho a la medida del negocio.
Qué cambió, punto por punto
Cada fila compara el mismo lugar del sitio en las dos versiones.
Portada
Antes
Tres bloques de encabezado apilados: barra de contacto, menú y logo con buscador. El contenido de venta empezaba pasada la mitad de la pantalla.
Ahora
Un encabezado con buscador y categorías siempre visibles. La propuesta de marca y el botón a la tienda entran completos en la primera pantalla.
En el teléfono
Antes
El encabezado ocupaba más de la mitad de la pantalla antes de mostrar nada vendible: contacto, redes, menú, logo y buscador, uno sobre otro.
Ahora
Una sola barra con menú, buscador y carro. La foto de producto aparece de inmediato y el carrusel se arrastra con el dedo.
Catálogo
Antes
Filtros en una columna lateral fija que en el teléfono empujaba los productos hacia abajo. Cada cambio de filtro recargaba la página completa.
Ahora
Categorías en una barra superior y filtros plegables. El filtrado es instantáneo, sin recargar, y las etiquetas de oferta y novedad se ven sobre la foto.
Ficha de producto
Antes
Las tallas se ofrecían todas por igual: el cliente descubría si había stock recién después de elegir una. Sin descripción del producto a la vista.
Ahora
Las tallas agotadas se muestran tachadas antes de elegir, con aviso de escasez cuando quedan pocas unidades y la descripción visible.
Checkout
Antes
Un formulario único y largo, encabezado por dos avisos. El costo de envío no aparecía: había que escribir la dirección para verlo.
Ahora
Cuatro pasos numerados, RUT con validación de dígito verificador, región y comuna en listas, y el resumen con cupón siempre a la vista.
Medios de pago
Antes
Uno solo: la pasarela Flow.
Ahora
Tres: Flow, Mercado Pago (tarjetas, débito y cuotas) y transferencia bancaria, que evita la comisión de la pasarela a quien la prefiere.
Despacho
Antes
Sin tarifas visibles hasta cotizar con una dirección completa.
Ahora
Zonas y tarifas por región, editables desde el panel, más notas de despacho en texto libre que llegan a quien prepara el paquete.
Seguimiento del pedido
Antes
Requería crear una cuenta con contraseña para revisar el estado.
Ahora
Enlace directo al correo del cliente, sin crear cuenta ni recordar contraseñas.
Administración
Antes
El panel de WordPress, con los límites y el ritmo de sus plugins.
Ahora
Panel propio hecho a medida del negocio: stock, pedidos, despacho, cupones con vigencia y tope de usos, y los textos del sitio.
Rendimiento medido, no estimado
Primera visita sin caché, los dos sitios en funcionamiento.
| Medición | Antes | Ahora | Dif.Diferencia |
|---|---|---|---|
| Respuesta del servidor (TTFB) | 1.466 ms | 299 ms | −80% |
| Contenido listo (DOM interactivo) | 3.372 ms | 398 ms | −88% |
| Carga completa | 3.990 ms | 1.294 ms | −68% |
| Archivos solicitados | 129 | 50 | −61% |
| Peso de la página | 6.040 KB | 3.134 KB | −48% |
| Elementos en la página | 1.809 | 783 | −57% |
Medido el 1 de agosto de 2026 sobre los dos sitios funcionando: el mismo día, desde el mismo equipo y la misma conexión, en una primera visita sin caché. Ninguna cifra es estimada ni viene de otro proyecto.
Lo que no se ve en la portada
Lo que hace la tienda por dentro para vender más y no perder ventas.
Que la encuentren
Productos en Google Shopping
Un feed conectado a Google Merchant Center, con cada talla como artículo propio y su stock real. El título se arma como busca la gente: la polera “Your Mom” le llega a Google como “TINTAROJA Polera Your Mom - Negro - Hombre - Talla S”.
Envío y devoluciones declarados a Google
Cada producto le informa a Google su precio, stock por talla, costo de despacho y plazo de devolución, con los datos estructurados que usa en sus resultados de compra.
Visible para ChatGPT, Perplexity, Claude y Gemini
Un llms.txt con el catálogo, precios y tallas disponibles, y permiso explícito para 12 rastreadores de asistentes de IA.
Migración sin perder lo ganado en Google
Categorías, etiquetas, carro y cuenta del WooCommerce anterior redirigen de forma permanente a su equivalente nuevo, y cada producto conservó su dirección.
Que no se pierda una venta
Sin sobreventa
Si dos personas pagan la última unidad al mismo tiempo, el stock nunca queda negativo y el aviso de venta al administrador marca qué falta.
Cada pago se confirma una sola vez
Aunque la pasarela avise dos veces, el pedido se marca pagado, se descuenta el stock y salen los correos una sola vez.
Precios recalculados al pagar
El total se calcula de nuevo en el servidor. Si el carro cambió porque otra persona compró la última talla, se le avisa al cliente en vez de cobrarle otro monto.
La tienda revisa su propia configuración
El panel revisa 14 puntos y avisa cuando uno falla: la pasarela sigue en modo de pruebas, el correo no está saliendo, el dominio está mal configurado o un administrador no tiene segundo factor.
Segura por diseño
Los datos de tarjeta nunca pasan por la tienda
El pago ocurre en Flow o Mercado Pago. La tienda solo recibe la confirmación.
Panel con segundo factor
El secreto del 2FA se guarda cifrado, el acceso se bloquea tras intentos fallidos y el panel tiene su propia política de seguridad de contenido.
Fotos validadas y livianas
Cada imagen se valida por su contenido real, no por la extensión, y se convierte sola a WebP de hasta 240 KB: la foto del celular se sube tal cual.
Qué incluye la tienda
- Catálogo con filtrado instantáneo, sin recargar la página
- Stock por talla visible antes de elegir, con aviso de últimas unidades
- Checkout en 4 pasos con validación de RUT y despacho por región
- Tres medios de pago: Flow, Mercado Pago y transferencia bancaria
- Seguimiento del pedido por enlace al correo, sin crear cuenta
- Productos en Google Shopping y catálogo abierto a asistentes de IA
- Migración desde WooCommerce sin perder las direcciones indexadas
- Panel propio: stock, pedidos, despacho, cupones y textos del sitio
- Acceso al panel con segundo factor y sesiones auditadas
Con qué está hecha
Antes y después · Rediseño Web + Tienda online
Kaleido JoyasDe WordPress a tienda propia: 2,6× más rápida y 74% más liviana
Joyería artesanal chilena en plata 950, pulida a mano: anillos, colgantes y aros inspirados en la belleza de la muerte, el arte gótico y el misticismo de la naturaleza. Vende piezas de entrega inmediata y otras hechas a pedido en la talla y la piedra que elige quien compra, en pesos y en dólares. Su tienda funcionaba sobre WordPress con Elementor y WooCommerce; la llevamos a una tienda propia, construida alrededor de sus fotos.
2,6×
más rápida en cargar la portada
4,5×
antes con el contenido listo
−74%
de peso por visita
39 → 2
hojas de estilo
Con qué llegaron
WordPress con Elementor y WooCommerce hacía funcionar la tienda, pero a un costo: la portada cargaba 39 hojas de estilo y 49 archivos de JavaScript, y todo dependía de diez plugins, cuatro de ellos con licencia de pago que había que renovar. Con el catálogo creciendo, la plantilla empezó a quedar chica para la marca: sus dorados y tipografías no eran los de las piezas, y la entrega inmediata y lo hecho a pedido se mostraban igual. Y quedaban detalles propios de WooCommerce, como las estrellas de valoración bajo cada pieza o el RUT en un cuadro de texto de varias líneas.
Qué construimos
Reescribimos la tienda desde cero en Next.js, con una identidad que parte del negro puro de sus fotos: plata para el texto y granate —la piedra más usada en las piezas— como único acento. El rombo del logo pasa a ser el motivo del sitio, el cuervo se posa sobre el título y el punzón 950 de la plata se estampa sobre la foto principal. Comprar quedó en tallas y piedras como botones, un carro lateral y una sola página de pago: pesos con Mercado Pago o dólares con PayPal. Las 94 piezas y los 202 pedidos se migraron desde WooCommerce, y cada dirección antigua lleva a su equivalente nuevo.
Qué cambió, punto por punto
Cada fila compara el mismo lugar del sitio en las dos versiones.
Portada
Antes
El logo de la marca sobre un carrusel de fotos, con el selector de moneda al costado. El texto de bienvenida aparecía al bajar.
Ahora
El lema “Luz y oscuridad”, la bajada y los botones “Ver colección” y “Sobre Kaleido” en la primera pantalla, sobre la foto de una pieza.
En el teléfono
Antes
En la ficha, Instagram, el menú y el logo iban antes de la foto de la pieza, con el selector de moneda sobre la imagen.
Ahora
Encabezado compacto, foto grande y miniaturas deslizables. Talla, piedra y precio quedan justo debajo.
Tienda
Antes
El listado de WooCommerce, de 12 en 12, con las estrellas de valoración bajo cada pieza y el aviso de agotado sobre la foto.
Ahora
Todas las piezas en una página, con filtros por tipo, por disponibilidad (entrega inmediata o a pedido) y orden. Las agotadas se ocultan salvo que se pidan.
Ficha de la pieza
Antes
Talla y piedra en listas desplegables, y el plazo de fabricación dentro de la descripción de la pieza.
Ahora
Tallas US y piedras como botones, un enlace a la guía de tallas y un botón que dice qué falta elegir. Plazo, envío y cuidado de la pieza en tres líneas.
Carro
Antes
Una página aparte con la tabla de WooCommerce: cupón, actualizar carrito y envío en la misma pantalla.
Ahora
Un panel lateral que se abre sin salir de la pieza, con cantidad, subtotal y un aviso cuando hay piezas hechas a pedido: el despacho sale cuando todas están listas.
Finalizar compra
Antes
El formulario de facturación de WooCommerce en una sola página, con el RUT en un cuadro de texto de varias líneas y el cupón dentro de un aviso.
Ahora
Tres pasos numerados —contacto, despacho y pago— con región y comuna en listas, RUT validado y el resumen fijo al lado.
Envíos
Antes
Toda la información de despacho en cuatro párrafos corridos.
Ahora
El despacho paso a paso, con el plazo de entrega inmediata y el de hecho a pedido por separado.
Seguimiento del pedido
Antes
Para ver un pedido había que crear una cuenta o recordar usuario y contraseña.
Ahora
Se escribe el correo de la compra y llega un enlace de un solo uso, que vence en 15 minutos. Los 202 pedidos de la tienda anterior ya aparecen ahí.
Identidad
Antes
El dorado y las tipografías de la plantilla de WordPress.
Ahora
Obsidiana, plata y granate, tres tipografías con un uso cada una y los motivos de la marca: el rombo del logo, el cuervo posado y el punzón 950.
Rendimiento medido, no estimado
Primera visita sin caché, los dos sitios en funcionamiento.
| Medición | Antes | Ahora | Dif.Diferencia |
|---|---|---|---|
| Respuesta del servidor (TTFB) | 355 ms | 183 ms | −48% |
| Contenido listo (DOM interactivo) | 1.307 ms | 292 ms | −78% |
| Carga completa | 1.474 ms | 562 ms | −62% |
| Archivos solicitados | 116 | 44 | −62% |
| Peso de la página | 2.700 KB | 691 KB | −74% |
| Archivos de JavaScript | 49 | 19 | −61% |
| Hojas de estilo | 39 | 2 | −95% |
Medido el 11 de octubre de 2026 sobre la portada de los dos sitios funcionando: el mismo día, desde el mismo equipo y la misma conexión, en primera visita sin caché, mediana de 5 cargas. En la ficha de una pieza la carga completa bajó de 1.565 a 559 ms y el peso de 2.125 a 788 KB. El sitio nuevo se midió en su dirección de revisión, antes de pasar el dominio a la tienda nueva.
Lo que no se ve en la portada
Lo que hace la tienda por dentro para que cada pago sea real y nada se pierda en el cambio.
Que la encuentren
Cada pieza, descrita para Google
Cada ficha le dice a Google que es un producto, con su precio y disponibilidad. Hay mapa del sitio y un título propio por página.
Migración sin perder lo ganado en Google
Las fichas mantienen su dirección /producto/, y categorías, carrito, finalizar compra y mi cuenta llevan a su página nueva.
Que no se pierda una venta
Cada pago se confirma con la pasarela
Antes de marcar un pedido como pagado, la tienda consulta el pago real en Mercado Pago, o cobra en PayPal desde su servidor. Nadie puede dar un pedido por pagado cambiando un enlace.
Pesos con Mercado Pago, dólares con PayPal
La moneda y la pasarela van juntas. PayPal cobra con la tasa diaria del Banco Central, que queda fija en cada pedido.
Precios recalculados al pagar
Precio, stock, cupón y envío se calculan de nuevo en el servidor, y cada venta confirmada descuenta sus unidades. Si dos compras se cruzan por la última pieza, el aviso de venta lo advierte.
Menos piezas que puedan fallar
Sin WordPress ni plugins
La tienda anterior dependía de Elementor y diez plugins, cuatro con licencia de pago, cada uno con sus renovaciones y actualizaciones. La nueva no usa ninguno.
Las claves de pago, fuera del panel
El acceso al panel admite verificación en dos pasos, y las claves de Mercado Pago y PayPal no se guardan en él: desde el panel no se puede cambiar quién recibe los pagos.
Qué incluye la tienda
- Colecciones de anillos, colgantes y aros, de entrega inmediata o hechas a pedido
- Tallas US y piedras como botones, con guía de tallas para medir en casa
- Carro lateral y pago en tres pasos, con RUT validado y región y comuna en listas
- Pesos con Mercado Pago y dólares con PayPal
- Buscador en vivo con foto, precio y aviso de agotado
- Mis pedidos con un enlace al correo, sin cuenta ni contraseña
- 94 piezas y 202 pedidos migrados desde WooCommerce, con sus direcciones
- Panel propio: pedidos, stock, cupones, envíos y textos del sitio
- Identidad propia: rombo, cuervo, punzón 950, lacre y fases de la luna
Con qué está hecha
¿Tu negocio podría ser el próximo?
Cuéntanos qué necesitas y te damos el precio publicado. Y si quieres ver más, el resto de lo que hemos construido está en el portafolio.