JR CONTABLES
Software
[ Figma, WordPress, Elementor Pro, Gemini AI, WooCommerce, JavaScript/PHP ]
Duración
[ 4 SEMANAS ]
Rol
[UX/UI Designer & Web Developer]
Sitio
El Desafío
Un gestor contable de Ecuador me contactó para crear un sitio web donde sus clientes pudieran subir documentos para tramitar firmas y facturación electrónica.
En una videollamada para entender su operativa a fondo, detectamos los problemas reales:
-
Recepción caótica: Las solicitudes y archivos llegaban dispersos por WhatsApp, correo y llamadas, dificultando el seguimiento.
-
Falta de control en cobros: No había forma de verificar quién había pagado antes de iniciar el trámite, retrasando el servicio.
-
Pérdida de tiempo: Pasaba horas persiguiendo a clientes para reclamar pagos o documentos faltantes.
Con el briefing claro y los puntos de dolor detectados, me puse a buscar inspiración en varias plataformas; tanto en servicios tradicionales (contabilidad, gestoría, administración, auditoría, etc.) como en otros autónomos no tradicionales (fotografía, arte, pintura, etc.).
Con varios elementos seleccionados, elaboré el moodboard en Figma para presentárselo a mi cliente. En este punto no solo le mostré cómo sería la línea visual, sino que también definí los valores que quería proyectar con su web: confianza, seriedad y agilidad.
Para resolver los puntos de dolor del cliente, necesité diagramar la interacción del sistema. Aquí me sirvió mucho mi experiencia previa en Testing bancario: al diseñar casos de prueba, siempre pensaba primero en el camino ideal (happy path) y luego en las excepciones: «¿Qué pasaría si el usuario hace esto…?».
Al inicio fue un reto ordenar tantos escenarios: formatos de archivo incorrectos, cancelaciones a mitad del pago o usuarios que ya tenían firma previa. Iteré los flujos y bocetos de formularios junto al cliente y con apoyo de IA, hasta definir los campos exactos tanto para persona natural como jurídica antes de pasar a Figma.
Con la arquitectura y los flujos validados por mi cliente, empecé a diseñar los wireframes enfocados primero en versión móvil (ya que la mayoría de sus clientes usan el teléfono para contactarlo). Asimismo, creé un prototipo funcional en Figma para evaluar la interacción real junto a él.
En esta etapa también completé la identidad visual (colores y tipografía), ya que el cliente solo contaba con el logotipo.
En cada fase del diseño involucro siempre a mi cliente: al final, él conoce su negocio mejor que nadie y mi trabajo es traducir esa experiencia en un producto digital que transmita confianza y refuerce su reputación.
Mi mayor reto fue doble: por un lado, equilibrar la creatividad con la sobriedad que exige el sector contable, recordando siempre que el sitio debía ser funcional y profesional antes que puramente visual.
Por otro lado, vino el reto técnico en el desarrollo: por defecto, WooCommerce crea pedidos antes de confirmar el pago o la subida de archivos, lo que rompía la lógica de trabajo del gestor. Tuve que investigar y modificar (con la IA) ese comportamiento para asegurar que a su bandeja solo entraran solicitudes con el pago confirmado y los documentos completos.
Qué aprendí: Con este proyecto entendí que diseñar un producto digital va mucho más allá de armar un sitio web bonita. Implica entender el modelo de negocio, anticipar los posibles fallos del sistema y estructurar soluciones técnicas que realmente le ahorren tiempo y dolores de cabeza al cliente en su día a día.