Bufete Jordan y Cervera
- CLIENTE: Bufete Jordan y Cervera
- ROL: Product Designer — UX/UI
EL PROBLEMA
Jordan y Cervera es un bufete de abogados con trayectoria y especialización, pero con una presencia digital que no reflejaba su nivel profesional ni facilitaba la captación de nuevos clientes. En el sector legal, la web no es solo una tarjeta de visita — es el primer filtro por el que pasa un potencial cliente antes de decidir si confía su problema a ese despacho. Una web anticuada o confusa comunica exactamente lo contrario de lo que un bufete necesita transmitir: seguridad, autoridad y claridad.
El reto central era transformar esa primera impresión digital: modernizar la imagen sin perder la seriedad del sector, y organizar los servicios legales de forma tan clara que el usuario entendiera en segundos si ese bufete podía ayudarle.
MI ROL Y OBJETIVO
Lideré el proceso completo de diseño UX/UI: research, benchmarking competitivo, definición de arquitectura de información, wireframes en baja fidelidad y prototipo final en alta fidelidad en Figma para desktop y mobile. El objetivo era crear una web que combinara sobriedad y modernidad — que transmitiera la autoridad de un bufete consolidado con la accesibilidad visual de un despacho contemporáneo, orientando siempre al usuario hacia el contacto.
PROCESO
Fase 1 — Research y Benchmarking
El primer paso fue entender el lenguaje visual del sector legal contemporáneo. Analicé despachos legales modernos y webs corporativas de servicios profesionales de referencia, identificando dos tendencias claras: los bufetes más efectivos digitalmente habían abandonado el azul corporativo genérico en favor de paletas más personales y distintivas, y todos priorizaban la claridad sobre las áreas de práctica como primer elemento de orientación para el usuario.
También identifiqué el error más frecuente en webs de bufetes: presentar una lista interminable de servicios sin jerarquía, lo que genera confusión y hace que el usuario no sepa si ese despacho es el adecuado para su caso. Eso definió la prioridad del proyecto — claridad antes que exhaustividad.
Fase 2 — Arquitectura de información
Con los insights del research, definí una estructura de navegación orientada a un objetivo concreto: que el usuario identificara en menos de 10 segundos si Jordan y Cervera trabajaba su tipo de caso y cómo contactarles. La arquitectura resultante organizó los contenidos en torno a las áreas legales como eje central de la web, seguidas del equipo y un acceso directo al contacto.
Esta fase fue clave para el proyecto porque en el sector legal la arquitectura de información es en sí misma un mensaje — un bufete que organiza bien sus servicios comunica que también organizará bien el caso de su cliente.
Fase 3 — Wireframes en baja fidelidad
Diseñé los wireframes focalizando toda la atención en la jerarquía de contenidos antes de introducir ningún elemento visual. La decisión estructural más importante de este proyecto se tomó en esta fase: dedicar una sección completa y prominente a las áreas legales del bufete, con una presentación clara y accesible que permitiera al usuario identificar su situación de forma inmediata, sin necesidad de leer párrafos largos ni navegar entre subpáginas.
Fase 4 — Prototipo en alta fidelidad
Con la estructura validada, desarrollé el prototipo visual completo en Figma. La identidad visual se construyó sobre una paleta de bronce y tipografía serif — una combinación que equilibra la autoridad tradicional del sector legal con una modernidad que diferencia al bufete de los despachos más convencionales. El bronce aporta distinción y elegancia sin caer en lo genérico, mientras la tipografía serif refuerza la solidez y el rigor profesional.
El resultado es un diseño que se lee como un bufete serio y contemporáneo a la vez — exactamente la combinación que Jordan y Cervera necesitaba para captar un perfil de cliente exigente.
RESULTADO
Jordan y Cervera cuenta ahora con una presencia digital que refleja su nivel profesional y facilita la captación de nuevos clientes. La web comunica desde el primer scroll la autoridad y especialización del bufete, mientras guía al usuario de forma natural hacia la identificación de su necesidad legal y el contacto con el equipo.
