Cantoni Advocats
Cantoni necessitava presentar la seva pràctica laboralista amb claredat i discreció. Vaig definir una estructura que distingeix a qui atén, quins assumptes tracta i com iniciar una consulta. La direcció visual i el contingut comparteixen un mateix llenguatge.
Fitxa del cas
Del punt de partida al resultat.
- Situació inicial
- Un despatx laboralista necessitava alinear marca, àrees de pràctica, continguts i contacte en una presència digital sòbria.
- Objectiu
- Transmetre criteri i discreció, ajudar a identificar el tipus d’assumpte i ordenar informació jurídica sensible.
- Solució
- Vaig convertir el sistema de marca en una interfície editorial amb àrees de pràctica, articles, principis i un contacte directe i visible.
- Lliurables
- Identitat visual, arquitectura de continguts, disseny i desenvolupament web responsive, àrees, articles i contacte.
- Resultat
- Una web publicada amb àrees jurídiques diferenciades, articles, identitat visual coherent i canals de consulta. Les captures permeten revisar aquestes decisions en la presentació, el contingut i el contacte.
- Següent pas
- Mantenir àrees i articles actualitzats i mesurar quins continguts ajuden a iniciar consultes qualificades.
La portada situa l’especialitat laboralista i ofereix accés a àrees i contacte. La tipografia i el contrast prioritzen el missatge del despatx.
Tipografia, color, imatges i espaiat es mantenen coherents entre la presentació, les àrees i el contacte. Les captures permeten revisar aquesta aplicació d’identitat.
La informació sobre especialitat i destinataris apareix abans dels canals de consulta. L’objectiu de disseny és que el visitant pugui situar el seu assumpte abans d’escriure.
L’especialitat, des del principi.
La primera pantalla presenta el despatx laboralista, Barcelona i dues rutes: àrees de pràctica i contacte. La composició combina una imatge àmplia amb un missatge breu perquè l’activitat no quedi amagada darrere de la identitat visual.
- Imatge de portada amb protagonisme
- Especialitat laboralista visible
- Accés a àrees i contacte
- Marca present a la capçalera
A qui atén el despatx.
La presentació distingeix empreses, directius i treballadors i situa l’àmbit d’actuació. Aquesta informació precedeix el detall de serveis perquè el visitant pugui reconèixer des de quina posició consulta.
- Empreses, directius i treballadors
- Especialitat laboral
- Informació de contacte
- Àmbit d’actuació publicat
Una identitat aplicada a cada secció.
Vaig treballar una combinació de negre càlid, ivori i accents daurats, amb tipografia serif i imatges de textura. La repetició d’aquestes decisions uneix les seccions sense dependre de repetir el logotip.
- Negre, ivori i accents daurats
- Imatges amb un tractament comú
- Jerarquia tipogràfica coherent
- Aplicació visual en diverses seccions
Principis que es poden consultar.
Vaig organitzar els principis que comunica el despatx en quatre blocs numerats. Cada un combina un títol i una explicació breu, amb la mateixa jerarquia visual perquè les idees es llegeixin com un conjunt.
- Quatre blocs numerats
- Títols i explicacions breus
- Principis publicats pel despatx
- Composició visual coherent
Localitzar l’àrea de pràctica.
Els acomiadaments i les extincions encapçalen les àrees. La resta de matèries es presenta amb títols identificables i detall desplegable. Així la pàgina manté una visió general i permet consultar una especialitat sense mostrar tot el contingut alhora.
- Acomiadaments com a àrea destacada
- Detall desplegable per especialitat
- Títols jurídics descriptius
- Visió general i lectura detallada
Continguts organitzats per consulta.
Els articles s’agrupen per assumptes reconeixibles: tipus d’acomiadament, indemnització, liquidació i reestructuració. La secció ofereix enllaços a continguts concrets dins d’una presentació coherent amb les àrees del despatx.
- Articles agrupats per assumpte
- Temes de dret laboral
- Enllaços a continguts específics
- Relació entre articles i serveis
El contacte, amb instruccions clares.
El tancament presenta telèfon, correu i formulari amb informació de privacitat al costat de l’enviament. Els canals mantenen el mateix tractament visual que la resta de la web i permeten iniciar una consulta sense buscar dades en una altra pàgina.
- Telèfon i correu visibles
- Camps de consulta identificats
- Enllaç a informació de privacitat
- Continuïtat visual fins a l’enviament
Una selecció de feina real: contingut, disseny i contacte adaptats al negoci.
