Barros & Errázuriz Abogados

Estudio de Caso: Diseño de Sitio Web para Barros & Errázuriz

Descripción del Cliente

Barros & Errázuriz (B&E) es un destacado bufete de abogados con sede en Chile, especializado en brindar servicios legales integrales a una amplia gama de clientes. La firma buscaba renovar su presencia digital con un sitio web moderno y profesional que reflejara su reputación y se alineara con los estándares contemporáneos de diseño web.

Alcance del Proyecto

Como Diseñador de Producto para este proyecto, mi rol incluyó la creación del aspecto y la experiencia visual del sitio web, asegurando una experiencia de usuario coherente en todas las páginas. El sitio web final (https://www.bye.cl/) fue desarrollado por un equipo separado, al que entregué las especificaciones del diseño.

El proyecto incluyó los siguientes entregables:

Moodboards

- Creé tres moodboards distintos para explorar diferentes direcciones visuales para el sitio. Cada moodboard incluía:
  - Paletas de colores
  - Muestras de tipografía
  - Estilos de imágenes
  - Patrones de diseño
- Tras una sesión de revisión, el cliente seleccionó un moodboard, que se convirtió en la base para el diseño de todo el sitio web.

Wireframes

- Desarrollé wireframes para 17 páginas, delineando la estructura del contenido y el diseño de cada página.
- Los wireframes sirvieron como un plano para alinear el flujo del usuario y asegurar que todos los elementos clave estuvieran incluidos antes de pasar al diseño visual.

Propuesta Inicial de Diseño

- Diseñé una propuesta inicial de la página de inicio para definir los elementos principales del diseño, como:
  - Estructura de encabezados y pies de página
  - Diseño de secciones
  - Ubicación de imágenes y texto
  - Uso de espacios en blanco y jerarquía visual
- Esta propuesta pasó por siete iteraciones basadas en comentarios del cliente hasta lograr la versión final aprobada.

Diseño Completo del Sitio Web

Diseñé las 17 páginas, aplicando los principios de diseño aprobados en la página de inicio e incorporando la estructura de contenido de los wireframes.
Me enfoqué en mantener la consistencia mientras adaptaba los diseños a los requisitos únicos de contenido de cada página.

Diseño de Versión Móvil

Creé diseños responsivos para las 17 páginas para asegurar una experiencia óptima para los usuarios en dispositivos móviles.
Presté especial atención a la navegación adaptable, tamaños de fuente legibles y diseños intuitivos para pantallas más pequeñas.

Entrega al Equipo de Desarrollo

Compilé un paquete completo de entrega de diseño que incluía:
- Componentes web (botones, íconos, menús, etc.)
- Fuentes y estilos tipográficos
- Especificaciones de colores (códigos hexadecimales, pautas de uso)
- Anotaciones detalladas para secciones complejas
- Realicé una sesión de revisión con el equipo de desarrollo para aclarar las intenciones del diseño y responder preguntas.

Desafíos y Soluciones

Alineación del Cliente con la Dirección Visual: Las discusiones iniciales revelaron preferencias variadas entre los interesados. El ejercicio de moodboards ayudó a agilizar la toma de decisiones y proporcionó una dirección clara para el diseño.
Iteración de Comentarios: El diseño de la página de inicio requirió múltiples iteraciones para alinearse con la visión del cliente. Facilité este proceso presentando cada iteración con explicaciones de las elecciones de diseño y cómo respondían a los comentarios del cliente.
Garantizar la Consistencia en Todas las Páginas: Con 17 páginas por diseñar, la consistencia era crucial. Establecí un sistema de diseño desde el principio, incluyendo componentes reutilizables y guías de estilo, lo que agilizó el proceso y aseguró la uniformidad.

Resultado

El sitio web rediseñado cumplió exitosamente los objetivos del cliente:

Refleja el profesionalismo y prestigio de Barros & Errázuriz.
Proporciona una experiencia de usuario amigable en plataformas de escritorio y móviles.
El diseño claro y estructurado mejora la navegación y la accesibilidad para los visitantes.

La colaboración con el equipo de desarrollo aseguró que el diseño se implementara fielmente, resultando en un producto final cohesivo y pulido.