Cantoni Abogados
Cantoni necesitaba presentar su práctica laboralista con claridad y discreción. Definí una estructura que distingue a quién atiende, qué asuntos aborda y cómo iniciar una consulta. La dirección visual y el contenido comparten un mismo lenguaje.
Ficha del caso
Del punto de partida al resultado.
- Situación inicial
- Un despacho laboralista necesitaba alinear marca, áreas de práctica, contenidos y contacto en una presencia digital sobria.
- Objetivo
- Transmitir criterio y discreción, ayudar a identificar el tipo de asunto y ordenar información jurídica sensible.
- Solución
- Convertí el sistema de marca en una interfaz editorial con áreas de práctica, artículos, principios y un contacto directo y visible.
- Entregables
- Identidad visual, arquitectura de contenidos, diseño y desarrollo web responsive, áreas, artículos y contacto.
- Resultado
- Una web publicada con áreas jurídicas diferenciadas, artículos, identidad visual coherente y canales de consulta. Las capturas permiten revisar esas decisiones en la presentación, el contenido y el contacto.
- Siguiente paso
- Mantener áreas y artículos actualizados y medir qué contenidos ayudan a iniciar consultas cualificadas.
La portada sitúa la especialidad laboralista y ofrece acceso a áreas y contacto. La tipografía y el contraste dan prioridad al mensaje del despacho.
Tipografía, color, imágenes y espaciado se mantienen consistentes entre la presentación, las áreas y el contacto. Las capturas permiten revisar esa aplicación de identidad.
La información sobre especialidad y destinatarios aparece antes de los canales de consulta. El objetivo de diseño es que el visitante pueda situar su asunto antes de escribir.
La especialidad, desde el principio.
La primera pantalla presenta el despacho laboralista, Barcelona y dos rutas: áreas de práctica y contacto. La composición combina una imagen amplia con un mensaje breve para que la actividad no quede escondida detrás de la identidad visual.
- Imagen de portada con protagonismo
- Especialidad laboralista visible
- Acceso a áreas y contacto
- Marca presente en la cabecera
A quién atiende el despacho.
La presentación distingue empresas, directivos y trabajadores y sitúa el ámbito de actuación. Esa información precede al detalle de servicios para que el visitante pueda reconocer desde qué posición consulta.
- Empresas, directivos y trabajadores
- Especialidad laboral
- Información de contacto
- Ámbito de actuación publicado
Una identidad aplicada a cada sección.
Trabajé una combinación de negro cálido, marfil y acentos dorados, con tipografía serif e imágenes de textura. La repetición de estas decisiones une las distintas secciones sin depender de repetir el logotipo.
- Negro, marfil y acentos dorados
- Imágenes con un tratamiento común
- Jerarquía tipográfica coherente
- Aplicación visual en distintas secciones
Principios que se pueden consultar.
Organicé los principios que comunica el despacho en cuatro bloques numerados. Cada uno combina un título y una explicación breve, con la misma jerarquía visual para que las ideas se lean como un conjunto.
- Cuatro bloques numerados
- Títulos y explicaciones breves
- Principios publicados por el despacho
- Composición visual consistente
Localizar el área de práctica.
Los despidos y extinciones encabezan las áreas. El resto de materias se presenta con títulos identificables y detalle desplegable. Así la página conserva una visión general y permite consultar una especialidad sin mostrar todo su contenido a la vez.
- Despidos como área destacada
- Detalle desplegable por especialidad
- Títulos jurídicos descriptivos
- Vista general y lectura en detalle
Contenidos organizados por consulta.
Los artículos se agrupan por asuntos reconocibles: tipos de despido, indemnización, finiquito y reestructuración. La sección ofrece enlaces a contenidos concretos dentro de una presentación coherente con las áreas del despacho.
- Artículos agrupados por asunto
- Temas de derecho laboral
- Enlaces a contenidos específicos
- Relación entre artículos y servicios
El contacto, con instrucciones claras.
El cierre presenta teléfono, email y formulario con información de privacidad junto al envío. Los canales mantienen el mismo tratamiento visual que el resto de la web y permiten iniciar una consulta sin buscar datos en otra página.
- Teléfono y email visibles
- Campos de consulta identificados
- Enlace a información de privacidad
- Continuidad visual hasta el envío
Una selección de trabajo real: contenido, diseño y contacto adaptados al negocio.
