Az Estudio Contable
Web App de Servicios profesionales y gestión de trámites
Logotipo
Proceso UX
Investigación
Análisis del usuario.
Desktop
Estructura de pantallas.
Responsive
Diseño de interacción.
Implementación
Desarrollo del sistema.
Cromática
#101B2D
Azul institucional
#D6E0F5
Superficie secundaria
#FFFFFF
Superficie principal
#F5F7FA
Fondo auxiliar
#1F2937
Texto principal
#64748B
Texto secundario
#DBE4F0
Bordes y divisores
Gradient
Transición institucional
Tipografía
DM
Uso: interfaz y contenido
Aa Bb Cc Dd Ee Ff
Resultado final
El resultado fue una plataforma optimizada, pensada para ofrecer una experiencia fluida, moderna y centrada en el usuario.
Investigación
En la etapa de investigación del proyecto orientado a la gestión contable y administrativa, se analizaron en profundidad los procesos internos del estudio, desde la recepción de documentación hasta la liquidación, presentación y seguimiento de las obligaciones de cada cliente.
Se relevaron los flujos reales de trabajo entre contabilidad, administración y atención al cliente, identificando puntos críticos como la recepción de documentación por distintos canales, la carga manual de información, la falta de centralización de datos y la dificultad para visualizar el estado de cada gestión.
También se analizó el seguimiento posterior de cada cliente, contemplando vencimientos, obligaciones fiscales, documentación pendiente, presentaciones y comunicaciones. Esto permitió detectar tareas repetitivas y procesos que dependían en gran medida del control manual.
A partir de estos hallazgos, se definieron oportunidades de mejora orientadas a centralizar la información, automatizar tareas administrativas, organizar vencimientos y generar alertas que permitan anticiparse a las obligaciones de cada cliente.
Wireframes
Algunos Wireframes del proyecto (Wireframe - mi-fi hi-fi - Dashboard supervisor - Desktop - Panel General - Modal Operacion - Ingreso de Usuario)
Responsive
En esta etapa se desarrollaron los prototipos finales atravez de wireframes para verificar el User flow y la experiencia del usuario en su version responsive mobile. Resumen del Prototipado (Login - Dashboard Supervisor - Panel General).
Implementación
La solución fue desarrollada con una arquitectura orientada a centralizar la gestión contable y administrativa, conectando la interfaz con un backend propio y diferentes servicios externos mediante APIs.
Se construyó un frontend utilizando HTML5, CSS3 y JavaScript, priorizando una interfaz clara, responsive y eficiente para facilitar la consulta de información, el seguimiento de clientes y la gestión de tareas administrativas.
En el backend se implementó Node.js con Express para gestionar la lógica del sistema, las comunicaciones con el frontend, el procesamiento de datos y las integraciones con servicios externos.
También se incorporaron medidas de seguridad orientadas a proteger la información y controlar el acceso a los diferentes recursos del sistema, contemplando validaciones, manejo seguro de datos, protección de endpoints y configuración de cabeceras de seguridad.
Stack & Herramientas
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- Backend: Node.js + Express
- Integraciones: APIs externas y servicios de terceros
- Arquitectura: API REST + lógica modular
- Seguridad: Validación de datos, protección de endpoints y headers de seguridad
- Responsive: Adaptación para desktop, tablet y dispositivos móviles
La implementación permitió transformar procesos que anteriormente dependían de tareas manuales en un entorno digital centralizado, facilitando el acceso a la información y mejorando el control sobre las distintas gestiones del estudio.