Software

Figma, WordPress, Elementor Pro, Gemini AI, WooCommerce

Cliente

JR Contables

Duración

4 semanas

[ DESLIZA ]

J

Desarrollo de una plataforma web integral para JR Contables, diseñada para digitalizar y simplificar la gestión de servicios contables, tributarios y la obtención de firmas y facturas electrónicas. El proyecto se centra en ofrecer una experiencia de usuario fluida, permitiendo que tanto personas naturales como jurídicas realicen trámites complejos de manera remota y eficiente.
El asesor enfrentaba una falta de organización crítica al recibir la documentación de los clientes de forma fragmentada a través de WhatsApp, correo electrónico o, en muchos casos, por ambas vías simultáneamente. Esta duplicidad y dispersión de canales dificultaba el seguimiento de los trámites, generaba desorden administrativo y aumentaba el riesgo de perder información importante en el proceso de gestión con las entidades públicas.
El proyecto comenzó con una fase de estrategia y diseño UX, donde mediante un brief y el desarrollo de un Sitemap, definí la estructura necesaria para los servicios contables. Tras prototipar en Figma y validar los flujos de usuario, pasé a la implementación técnica. Utilicé PHP personalizado para interceptar los formularios de Elementor y mapearlos dinámicamente a productos de WooCommerce, asegurando una normalización de datos (trimming) para evitar errores de asignación. Finalmente, optimicé el Checkout para redirigir al usuario directamente al pago, automatizando la mensajería post-venta para fomentar la venta cruzada.
Se implementó una plataforma centralizada utilizando WordPress, Elementor Pro y WooCommerce, donde el sitio web actúa como el único punto oficial para la gestión de servicios. Los procesos de firma y factura electrónica se vincularon a productos específicos de la tienda para automatizar el cálculo de precios según la selección del usuario. Para optimizar la experiencia de compra, desarrollé una lógica personalizada mediante código para simplificar el flujo de WooCommerce, permitiendo que el usuario llegue directamente al paso final donde se genera la orden y se muestran los datos bancarios. Una vez completado el pedido, el sistema envía un correo automático con las instrucciones de pago; para formalizar el trámite, el usuario remite su comprobante al asesor vía WhatsApp o correo electrónico. Para lograr esta integración y las animaciones del sitio, utilicé Gemini AI como soporte en la creación de scripts y estilos CSS a medida.
Laptop abierta que muestra el homepage de JRCONTABLES
Vista del sitemap para JRCONTABLES
Se muestra los wireframes para JRCONTABLES
Se presenta el Design Foundation (Style guide) para JRCONTABLES
Se presenta el UI Kit (parte del Design System) de JRCONTABLES
Se muestra el mockup del sitio web de JRCONTABLES
Se muestra un MacBook que presenta parte del sitio web de JRCONTABLES
Se presenta dos móviles donde muestran parte del sitio web de JRCONTABLES
Se presenta un móvil con la sección de Contáctame de JRCONTABLES
Una laptop y un móvil que muestran el logo del sitio web JRCONTABLES