SOYTECHNO: Transformación 100% Centrada en el Usuario

SoyTechno necesitaba transformar su presencia digital en una plataforma de alto rendimiento. El desafío no era solo vender, sino crear una experiencia de E-commerce con la funcionalidad y la robustez de una aplicación, capaz de manejar un catálogo variado y métodos de pago complejos como Cashea, además de gestionar las transacciones con la opción de cambio de moneda. En Playful Agency, implementamos una estrategia basada en la personalización de la experiencia de usuario (UX) y la interfaz (UI), logrando un incremento significativo en la tasa de conversión.

SOYTECHNO: Transformación 100% Centrada en el Usuario

El Desafío UX/UI: De un Catálogo Rígido a una Navegación Intuitiva

El reto principal era transformar lo que era esencialmente un catálogo digital con navegación clásica y recursos insuficientes para la escala de SoyTechno, en una plataforma diseñada 100% para la conversión, capaz de gestionar un catálogo gigante y priorizando la experiencia móvil.
Imagen 1
Imagen 2
Imagen 3

Prioridad Móvil como Mandato
La directriz de Playful Agency fue innovadora, se presentó el pitch de negocio y los bocetos en mobile, garantizando que el E-commerce tuviera un buen desempeño en dispositivos móviles
Filtros Ineficaces
El sitio anterior presentaba un filtro global que era poco amigable con los usuarios, lo que obstaculizaba la navegación y obtención de productos en un catálogo con múltiples categorías (teléfonos, hogar, etc.)
Diseño No Homologado
La falta de estándares de marca y accesibilidad que generaba desconfianza y confusión en el proceso de compra
Mockup móvil
Logo cliente
Teléfono mockup
Mockup desktop

La Solución UX/UI. Una Transformación 100% Centrada en el Usuario

Basamos el proyecto en una estructura técnica flexible dentro de WooCommerce. Esta decisión estratégica nos permitió asegurar la versatilidad necesaria para implementar las funcionalidades complejas exigidas por el catálogo y los métodos de pago. Nuestro mayor fuerte fue la personalización completa de este tema, llevándolo a la esencia de la marca SoyTechno para buscar la mejor forma de realizar una conversión
Imagen 1
Imagen 2
Imagen 3

UX/UI: Personalización Integral y Navegación de Alta Conversión

El diseño del equipo se enfocó en hacer el viaje del usuario lo más práctico posible, cumpliendo con los estándares de accesibilidad y evitando los niveles de complejidad

Arquitectura de Producto y Filtros Inteligentes

Sección A

Ficha de Producto (PDP) Completa

La ficha o tarjeta de producto fue explotada al 100% para ser completa, incluyendo todas las características para que el usuario solo tenga que añadir al carrito y pagar

Categorización por Slider

El Home presenta las categorías principales en un slider que permite al usuario un acceso rápido a una categoría específica, logrando que el producto se adquiera en menos de tres clics

Filtros Adaptativos y Específicos

Se personalizó el filtro para que cambiara según la categoría. Si el usuario está en Teléfonos, los filtros muestran RAM, almacenamiento y color. Si está en Hogar (televisores), el filtro se adapta a pulgadas, tipo de pantalla, color y tamaño

Diseño de Ofertas Estratégico

Se personalizó la sección de ofertas llamando a categorías mediante un tag o etiqueta. Las ofertas se visualizan cómodamente con tabs en el Home y en la gaveta de categorías (lateral izquierdo en escritorio)

Coherencia Visual y Diseño de Interfaz (UI)

Teléfono
Banner
Tile 1
Tile 2
Tile 3
Circuito

Cromática Controlada

El principal desafío fue garantizar que la cromática estuviera atada al color principal de la marca, evitando un "arco iris de colores" y buscando el contraste directo con el azul de SoyTechno

Elementos Gráficos de Marca

El diseño se homologó a un mismo concepto, utilizando el elemento de branding llamado "Circuito" para dar personalidad a las pantallas y secciones

Botones de Alta Heurística

Los botones de acciones estándar en el sitio son azules, mientras que el botón de Comprar tiene un tono verde que lo hace característico y un punto de atención que cumple la intención automáticamente

Pantallas Vacías y Notificaciones de Sistema

Sección C

Personalización de Estados

Se diseñaron y personalizaron las pantallas vacías (favoritos, comparar y el error 404), un detalle que casi nunca se trabaja, para que cumplieran cromáticamente con los estándares de la marca. Las pantallas vacías y los banners son el punto de mayor orgullo del diseño

Mensajes de Notificación

Se personalizó la heurística de las notificaciones del sistema ("esto se ha añadido al carrito", "este correo es incorrecto"), usando colores acordes a éxito, advertencia y error para guiar al usuario

Ingeniería de Checkout: La Duplicidad de Lógica y el Desafío Cashea

El checkout de SoyTechno no fue una configuración; fue una proeza de ingeniería que transformó la pasarela de pagos de WooCommerce en un sistema financiero altamente adaptado y de precisión. Este desarrollo representa el punto de inflexión donde el E-commerce superó la funcionalidad estándar para convertirse en una solución empresarial

Integración Cashea: Un Desarrollo Vanguardista para la Financiación

Este plugin ad hoc es la joya técnica del proyecto, construido en colaboración con la API de Cashea para manejar el alto riesgo y la complejidad de los pagos fraccionados

Duplicidad Crítica de la Lógica

La solución exigió la duplicación total de la lógica interna de checkout de WooCommerce. Esto fue esencial para controlar y validar la transacción específica de Cashea, asegurando que el sistema interpretara correctamente el regreso del cliente desde la web app (consumiendo el precio vía método GET)

Gestión Asíncrona de la Inicial

El plugin maneja con precisión el pago de la inicial, la notificación de éxito por correo, y garantiza la sincronización total del estado de la compra, con la capacidad única de cancelación bidireccional
Sección D

Arquitectura Wizard (Multistep) y Lógica de Facturación

Sección E
La idea de afrontar el checkout de forma distinta, como un wizard, se implementó contratando un plugin multistep y personalizándolo al extremo para la regla de negocio de SoyTechno

Flujo Multistep (Wizard)

Se migró del flujo lineal a un proceso de pasos (wizard), dividiendo el llenado en Facturación (datos del comprador) y Envío (datos del receptor), que puede ser una persona distinta (familiar, amigo, etc.)

Regla de Negocio

Se añadió una personalización crucial: un campo que valida si el cliente tiene determinadas características y en caso de poseerlas, no se procede con la compra

Gestión de Asesores y Trazabilidad

Desarrollamos un script para que el cliente pueda asociar su compra a un asesor. La carga de asesores es asíncrona (elige tienda, y luego el asesor de esa tienda). Creamos un plugin adicional que permite la sincronización masiva de tiendas y asesores a través de la carga de un Excel

Sistema Logístico Predictivo: Cero Errores en la Entrega

Este sistema elimina el error humano y automatiza las reglas de negocio de SoyTechno, logrando un margen de error mínimo

Algoritmo de Filtrado MRW Avanzado

Al seleccionar un estado (ej. Zulia), el sistema filtra dinámicamente solo las agencias MRW disponibles, garantizando que "nunca se ha tenido queja de que el producto se perdió o llegó a otra agencia"

Aplicación de Condicionales Geográficas

El sistema aplica condicionales estrictas por ubicación:

  • Distrito Capital: El cliente solo puede elegir entre Delivery o Retiro en Almacén (regla de negocio)
  • Guarenas/Guatire: Se habilita la opción de "Punto de Entrega" para entregas semanales en puntos específicos
Sección F

Los Resultados que Posicionan a SoyTechno

La implementación tecnológica en WooCommerce no solo mejoró la apariencia del sitio, sino que transformó la operación de venta de SoyTechno, consolidando un E-commerce que cumple estándares de accesibilidad y brindan autoridad para su posicionamiento

Liderazgo en Métodos de Pago

Uno de nuestros principales objetivos ha sido consolidar a SoyTechno como un referente en el comercio electrónico. Con este fin, hemos integrado soluciones de pago innovadoras como Cashea, diversificando nuestras opciones para ofrecer a los usuarios una experiencia de compra más accesible y flexible

Conversión Simplificada:

El diseño móvil y la fluidez del checkout garantizan que el viaje del usuario sea lo más práctico posible, transformando la experiencia de compra en una conversión fluida

Robustez de Web App

El uso de WoodMart sobre WooCommerce nos permitió crear un E-commerce con la funcionalidad de una aplicación, capaz de manejar la lógica de transacciones complejas y la sincronización de inventario/asesores en tiempo real
Teléfono 1
Teléfono 2
Teléfono 3
Eva Luciani

Eva Luciani

Miembros del equipo de SoyTecho.

Se ve que la página está hecha en base a los requerimientos que nosotros teníamos y más. No sólo se quedaron con la idea de vender el producto, sino que también buscaron más soluciones, como agregar un comparador de productos para que la gente pueda verlo.

CTA Casos de Éxito

¿Tu E-commerce está listo para el nivel de un Web App?

Si tu plataforma necesita una personalización radical para manejar métodos de pago complejos y asegurar una experiencia móvil de primera, hablemos. ¡Contáctanos y descubre cómo podemos llevar tu E-commerce a un nuevo nivel de robustez y diseño!

¡Hablemos de tu proyecto!