Acerca del Proyecto

Diseño UX/UI de un sitio web para un estudio jurídico integral con sede en Buenos Aires, especializado en asesoramiento legal e impositivo para particulares y empresas, tanto a nivel local como internacional.

El proyecto tuvo como objetivo mejorar la claridad de la información, facilitar el contacto con potenciales clientes y reforzar la percepción de profesionalismo y confianza a través de una experiencia digital simple, accesible y coherente con los valores del estudio.

Rol
UX/UI Designer

Responsabilidades
Investigación de usuarios · Arquitectura de la información · Definición de flujos · Diseño de interfaces · Prototipado

Herramientas
Figma · FigJam · Google Forms

Tipo de proyecto
Caso de estudio UX/UI

Problema

Los usuarios tenían dificultades para encontrar información clave sobre los servicios del estudio y comprender cómo iniciar un contacto.
La navegación poco clara y la falta de jerarquía en los contenidos afectaban la experiencia y debilitaban la percepción de confianza desde el primer contacto.

Solución

Se diseñó una estructura de navegación clara y jerarquizada, priorizando el acceso rápido a la información esencial y flujos de contacto simples.

El diseño visual fue planteado para transmitir profesionalismo, seguridad y coherencia institucional, asegurando una experiencia fluida en dispositivos móviles y desktop, y dejando una base sólida para su futura implementación técnica.

Proceso de Diseño

UX Research

Encuestas y Entrevistas

Se realizaron encuestas y entrevistas a 33 personas de Argentina y Europa para comprender necesidades, expectativas y criterios de confianza al buscar servicios legales en línea.

La investigación se centró en identificar barreras de uso, información clave para la toma de decisión y funcionalidades esperadas en un sitio web de asesoramiento jurídico e impositivo.

Participantes
Funciones más utilizadas
Información más solicitada
Información más buscada
Principales insights

  • Contacto rápido y visible
    El 65% prioriza la facilidad de contacto mediante formularios claros y opciones de reserva de citas.

  • Confianza basada en evidencia
    El 40% busca testimonios y casos de éxito para validar la experiencia del estudio, especialmente en trámites de ciudadanías y gestiones fiscales.

  • Claridad antes de interactuar
    El 60% necesita información clara y bien estructurada antes de iniciar un contacto.

  • Especialización en gestiones internacionales
    Más del 50% de los usuarios busca asesoría vinculada a ciudadanías y trámites administrativos internacionales.

  • Valor de un servicio integral
    El 50% prefiere estudios que integren asesoría legal y contable, percibiéndolos como más eficientes y confiables.

Estos hallazgos guiaron las decisiones de arquitectura de la información, flujos de contacto y jerarquía de contenidos del sitio.

Lean UX Canvas

Problema del producto
  • Encontrar información clara sobre los servicios ofrecidos.
  • Falta de un enfoque integral y descripciones detalladas de cada área de práctica genera incertidumbre y pérdida de oportunidades de conversión.
  • Los sitios no inspiran confianza ni seguridad.
  • Los usuarios pueden dudar de la credibilidad del estudio.
Arquetipo de usuario
  • Empresarios y Pymes.
    Personas con ascendencia europea, tanto argentinos como europeos.
  • Individuos en búsqueda de servicios notariales o sucesorios.
  • Usuarios internacionales interesados en derecho internacional privado o gestión de trámites europeos.
  • Comunidad Lituania.
Soluciones
  • Descripción del Estudio que incluya la visión del estudio, perfil profesional y las áreas de práctica destacadas.
  • Descripciones detalladas de cada servicio, desde asesoría jurídica hasta gestión contable y ciudadanías.
  • Presentación Integral del Estudio que comunique su enfoque integral y los beneficios para el usuario.
  • Implementación de un formulario de contacto optimizado y un sistema de reserva de citas en línea y entrevista virtual.
  • Acceso a chat mediante WhatsApp y teléfonos de contacto.
  • Secciones de guías o preguntas frecuentes que proporcionen pasos claros sobre cómo realizar trámites comunes.
  • Testimonios y casos de éxito para aumentar la confianza del usuario.
Resultados del producto
  • Crear un sitio web que ofrezca una experiencia clara y eficiente.
  • Descripciones detalladas de servicios.
  • Herramientas fáciles de contacto.
  • Resaltar el enfoque integral del estudio.
  • El producto debe aumentar la confianza de los usuarios, facilitar el acceso a la información y aumentar la tasa de conversión a través de funciones clave.
Resultado y beneficios del usuario
  • Claridad y confianza: Descripciones detalladas de servicios. Entenderán cómo el estudio puede ayudarlos.
  • Acceso inmediato: Contacto a través de formularios optimizados y reserva de citas online.
  • Soluciones integrales: Resolución de problemas legales y contables desde un único lugar, simplificando el proceso..
Hipótesis
  • Si el sitio web ofrece descripciones claras de los servicios y facilita la comunicación, los usuarios estarán más inclinados a confiar en el estudio y realizar consultas o reservas de citas.
  • Los usuarios valoran la presentación integral del estudio y prefieren soluciones que combinen asesoría jurídica y contable en un solo lugar.
¿Qué es lo más importante?
  • Claridad y acceso a la información: Asegurar que los usuarios encuentren fácilmente los servicios que necesitan y entiendan el valor que ofrece el estudio.
  • Facilidad de contacto: Que los usuarios puedan reservar una cita o contactar al estudio sin obstáculos, desde cualquier dispositivo.
Herramientas
  • Encuestas y Entrevistas.
  • Diseño de Prototipos.
  • Pruebas de Usabilidad.
  • Métricas de satisfacción, eficacia y eficiencia.
  • Evaluación Heurística.

Compresión del usuario

User Persona & Mapa de empatía

Se definieron dos perfiles de usuario representativos para comprender comportamientos, necesidades y expectativas al buscar servicios jurídicos e impositivos, tanto a nivel local como internacional.

Eliana Giselle

Leonardo Andrés

El análisis de empatía permitió identificar patrones de frustración, motivaciones y expectativas que impactan directamente en la percepción de confianza y claridad del servicio.

Journey map

Permitió visualizar el recorrido completo del usuario, detectar puntos de fricción y oportunidades de mejora en los momentos clave de interacción con el sitio.

Criterios de Diseño

A partir del research y del análisis del recorrido del usuario, se definieron los siguientes criterios para el diseño del producto:

  • Acceso rápido a información clara y relevante.

  • Construcción de confianza mediante credenciales y testimonios visibles.

  • Flujos de contacto simples y accesibles.

  • Explicaciones claras de servicios y procesos.

  • Soporte para usuarios internacionales.

  • Transparencia en costos y etapas del servicio.

Decisiones de diseño

Task flow

Se definieron flujos de tareas para los escenarios principales, priorizando la reducción de pasos, la claridad del recorrido y la facilidad de contacto.

Ellie | Gestión de ciudadanía

Leo | Asesoría jurídica y contable

Arquitectura de la información

La arquitectura de la información se diseñó a partir de los criterios definidos, organizando los contenidos de forma clara y jerarquizada para facilitar la comprensión de los servicios y el acceso a los puntos de contacto.

UI | Diseño visual

Wireframes - Baja fidelidad

Patrones de diseño

Se desarrollaron wireframes de baja fidelidad para definir la estructura general del sitio, la jerarquía de contenidos y los patrones de navegación principales.
Esta etapa permitió validar la organización de la información, los flujos de contacto y la distribución de los servicios antes de avanzar al diseño visual.

Sistema de diseño

Se definió un sistema de diseño orientado a transmitir profesionalismo, confianza y claridad, asegurando consistencia visual a lo largo de toda la interfaz.

El sistema establece reglas claras de tipografía, color, grilla y componentes, facilitando la escalabilidad y coherencia del producto.

Moodboard

Componentes

Tipografía

Paleta cromática

Iconografía

Grid

Validación y testing

Se realizaron pruebas de usabilidad para evaluar la comprensión de los servicios, la facilidad de contacto y la percepción de confianza del sitio.

Los resultados permitieron identificar oportunidades de mejora en la navegación, los procesos de reserva y la claridad de la información, que fueron incorporadas antes de avanzar al diseño final.

Pruebas de usabilidad

Testeo remoto moderado con cinco participantes orientadas a evaluar la accesibilidad, la claridad de la navegación y la facilidad de uso del sitio

Tarea 1

Exploración de Servicios y Confianza en la Información

Objetivo
Evaluar la facilidad de navegación y la claridad de la organización de la información. Medir la accesibilidad a los servicios y si el contenido inspira confianza.

Escenario
“Estás buscando asesoría para una posible gestión de ciudadanía europea. Encuentra la sección correspondiente y revisa la información. Al finalizar, comenta si dicha información te parece accesible, confiable y fácil de entender.”

Tarea 2

Reserva de Cita para Asesoría Jurídica

Objetivo
Comprobar la efectividad y claridad del flujo de sistema de reserva de citas. Evaluar la experiencia del usuario al completar el formulario.

Escenario 
“Ahora necesitas asesoría legal para un tema comercial y quieres reservar una cita en línea. Completa el proceso de reserva.”

Tarea 3

Contacto y Verificación de Información

Objetivo
Observar la accesibilidad y facilidad de uso del formulario de contacto, observando si la información solicitada es clara.

Escenario
“Quieres hacer una consulta rápida sobre los servicios notariales. Encuentra y completa el formulario de contacto en el sitio.”

Hallazgos

Resultados positivos

Comprensión y navegación de servicios
Cuatro de los cinco participantes comprendieron claramente los servicios ofrecidos tras recorrer la landing page y las secciones específicas.

Percepción de confianza
Los usuarios percibieron el sitio como profesional y con información completa. Como oportunidad de mejora, señalaron la ausencia de referencias visibles sobre la experiencia profesional y testimonios de clientes.

Formulario de contacto
Todos los participantes encontraron y completaron el formulario sin dificultades, calificándolo como claro y fácil de usar.

Problemas detectados

Accesibilidad de la sección de ciudadanías
Tres de los cinco usuarios no identificaron fácilmente la sección de ciudadanías. El título solo se mostraba en estado hover, lo que dificultó su detección inmediata.

Reserva de cita
Aunque el flujo de reserva fue completado sin inconvenientes, dos participantes expresaron la necesidad de indicar previamente el motivo de la consulta, considerando el tiempo limitado de la cita.

Recomendaciones

Sección ciudadanías

Hacer visible el título de la sección de forma permanente y utilizar el hover únicamente como refuerzo visual.

Experiencia y testimonios

Ampliar la sección “Sobre el estudio” incorporando casos de éxito y sumar testimonios de clientes para reforzar la credibilidad.

Reserva de cita

Incorporar un campo opcional que permita al usuario detallar el motivo de la consulta antes de la reunión.

Conclusiones

Las pruebas evidenciaron un diseño claro y funcional, con una alta tasa de finalización de tareas.

  • Las oportunidades de mejora detectadas permiten optimizar la experiencia general y reforzar la percepción de confianza.
  • La implementación de los ajustes recomendados contribuye a una experiencia más accesible, clara y orientada a la conversión, fortaleciendo el valor del sitio como canal de contacto profesional.

Diseño final

El diseño final integra las decisiones tomadas a lo largo del proceso, combinando una estructura clara, una interfaz consistente y una estética profesional orientada a generar confianza.

El resultado es una experiencia digital coherente, alineada con los objetivos del estudio y las necesidades de sus usuarios, que facilita el acceso a la información y el contacto desde el primer momento.

Prototipo funcional

2024

Gracias por ver hasta el final