Erika Romera
Mendieta / Bravo
Abogados
Identidad visual desde cero y landing page para un despacho de abogados en Madrid. Naming, logotipo, paleta cromática y diseño UI completo en Figma.
ROL
UX/UI designer
Brand Designer
Tipo
Encargo freelance
Herramientas
Figma
Cliente
Mendieta / Bravo
Sector
Abogados
Objetivo
Crear identidad y presencia web
EL ENCARGO
Un despacho sin imagen de marca.
Despacho de abogados en Madrid, sin identidad visual previa. Necesitaban una presencia digital que transmitiera confianza, comunicara sus servicios con claridad y generara contacto cualificado.
El proyecto cubrió el proceso completo: desde la definición de la marca hasta el diseño de la landing page. El desarrollo fue ejecutado posteriormente por otro equipo mediante las ayudas del Kit Digital.
.png)
EL PROCESO
Entender antes de diseñar.
Antes de abrir Figma, necesitaba entender el mercado, al cliente y a sus usuarios. En B2B, diseñar sin datos es diseñar para nadie.
Benchmarking
Análisis de webs de despachos de primer nivel para identificar patrones de estructura, jerarquía de información y uso del color en el sector legal.
Conversaciones con el cliente
El cliente buscaba algo sencillo, elegante y que transmitiera confianza. Sin más complejidad de la necesaria. Esas tres palabras guiaron todas las decisiones de diseño posteriores: la paleta, la tipografía, la estructura de la landing y el tono del copy.
DECISIONES CLAVE
Por qué el diseño es como es.
01
One-page en lugar de multi-página
Para un despacho de tamaño medio sin catálogo complejo, una página bien estructurada reduce la fricción y mantiene al visitante en el flujo hacia el contacto.
02
Propuesta de valor sin metáforas
"Ofrecemos servicios jurídicos esenciales a precios justos" — directo al punto. La claridad de precio es un diferenciador real en el sector legal.
03
Tres puntos de acción distribuidos
CTAs en hero, sobre el despacho y áreas de práctica. El usuario contacta en el momento en que está convencido, sin llegar hasta el formulario.
DISEÑO UI
Landing page orientada a conversión.
Estructura one-page con flujo diseñado para que el visitante entienda quiénes son, confíe, y contacte — en ese orden.
01
Hero
Imagen de la Dama de la Justicia como fondo. Propuesta de valor directa: "Ofrecemos servicios jurídicos esenciales a precios justos". CTA principal above-the-fold.
02
Sobre el despacho
Misión, visión y valores en tres columnas. CTA secundario para mantener al usuario en el flujo sin depender del scroll hasta el formulario.
Áreas de práctica
03
Seis especialidades con imagen de contexto. La fotografía humaniza el despacho sin perder profesionalidad. CTA integrado en la sección.
04
Testimonios
Prueba social con valoraciones de clientes. Genera confianza en el momento previo al contacto.
Contacto
05
Formulario + datos reales + redes sociales. El objetivo de toda la página — diseñado para reducir la fricción al máximo.
ALCANCE DEL ENCARGO
Qué se entregó y qué no.
Incluido en el encargo
-
Identidad visual completa
-
Landing en Figma con sistema de componentes
-
Arquitectura orientada a conversión
Fuera de este encargo
-
Desarrollo (ejecutado por otro equipo vía Kit Digital)
-
Datos de conversión real
LA INTERFAZ
APRENDIZAJES
Lo que aprendí en este proyecto.
Demasiado corporativo y el despacho parece inaccesible. Demasiado informal y pierde credibilidad. Encontrar ese equilibrio — serio pero humano, profesional pero directo — fue el ejercicio central de este proyecto.
El tono lo es todo en servicios legales
01
En webs de servicios profesionales, todo lo que va antes existe para preparar al visitante para ese momento. Entender esto cambia cómo se diseña cada sección anterior.
El formulario es el objetivo, no un elemento secundario
02