10 prácticas que todo sitio web de abogados deben tener

En el mercado legal de hoy, el aumento de la competencia y la mercantilización de los servicios legales ha ejercido una mayor presión sobre los abogados y bufetes de abogados para que se destaquen entre la multitud. En pocas palabras: es imposible diferenciar cuando sus clientes potenciales no lo notan.
Peor aún, si tu presencia en línea no es profesional, tus clientes elegirán otra empresa. Paradójicamente, podría ser mejor no tener un sitio web en absoluto si la alternativa es un sitio mal diseñado con mal contenido e información faltante.
Tu marca, incluido tu sitio web, afecta a tu negocio y tu potencial para encontrar nuevos clientes y aumentar los ingresos.
Las grandes empresas gastan cientos de miles de dólares en sus marcas y, a menudo, decenas de miles de dólares y, a veces, cientos de miles de dólares en diseño de sitios web. Las empresas más pequeñas no tienen un presupuesto de ese tamaño. La verdad es que puede obtener un gran diseño de sitio web por mucho menos (los proyectos de diseño web pequeños aquí comienzan en solo 350€).
Ya sea que trabajes con un bufete, o seas abogado independiente, aquí encontrarás las 10 mejores prácticas y consejos de diseño web esenciales para abogados .

Estos son 10 consejos principales para ayudarte a crear un diseño web para tu bufete de abogados o práctica legal:

#1  Crea un diseño simple, fresco y único

Tu sitio web refleja tu marca. Es la primera impresión que un visitante formará cuando visite tu sitio por primera vez. Si usas una plantilla estándar y tu sitio web se parece a cientos de otras empresas en Internet, perderás la oportunidad de crear una impresión única. ¿Por qué un cliente potencial recordará tu sitio cuando ha visto docenas de otros sitios que se parecen al tuyo?
Echa un vistazo a la página de inicio de TSMP Law Corporation , una firma de abogados de Singapur.
La página es aireada, atractiva y diferente. De hecho, si visitas el sitio, verás que la imagen principal gira y muestra algunas variaciones, entre ellas, destacar a sus abogadas.
El sitio se ve diferente a la mayoría de los sitios de abogados y eso es bueno.
Considera la impresión que deseas causar y el mensaje que deseas comunicar a tus clientes y clientes potenciales.
Para simplificar el mensaje, incorpora grandes áreas en el diseño de tu página de inicio. Incluso si no estás familiarizado con el término, has visto “hero areas”. Las hero areas son bloques grandes (generalmente una imagen y texto o simplemente una imagen o texto) en la página de inicio de un sitio web. Su tamaño y prominencia atrae la atención inmediata del visitante. También establece un tono visual para el resto de la página y el sitio.
Aquí hay un gran ejemplo de Kain & Scott PA , una firma de abogados de bancarrota de Minnesota. Es bastante claro qué tipo de ley practica la firma. De hecho, si visitas su página de inicio, verás que el Hero es en realidad un video rotativo, que te ofrece una mirada fresca y única de los abogados de la firma.

Otro ejemplo excelente es Ylaw Group , un bufete de abogados de Vancouver. Echa un vistazo a la eficacia con la que utilizan las imágenes rotativas de Hero y el texto simple para resaltar los tipos de problemas que preocupan a las personas cuando tratan con el divorcio.

Incluso las grandes empresas se esfuerzan por mantener las cosas simples y enfocadas. Echa un vistazo a cómo Clifford Chance se enfoca en algunas cosas centrales en su área de Hero. Pero note que es menos legible y no tan nítido como los dos ejemplos anteriores.

La firma global White & Case adopta un enfoque diferente, incorporando varias imágenes de Hero en su página de inicio. Esto es menos efectivo porque la página es más ruidosa y no es tan fácil de leer.

Cuando consideres que el contenido se incluye en la página de inicio, ten en cuenta un hecho muy importante: los visitantes suelen leer solo el 28% de las palabras durante una visita promedioNo sobrecargues tu página de inicio con mucho texto e imágenes. Nuevamente, compara los ejemplos anteriores y concluye lo que te resulta más legible y más poderoso.
Considera el contenido y las imágenes más importantes que deseas que vean tus visitantes y deshazte de todo lo demás. Muchas personas intentan erróneamente incluir demasiado contenido en una página de inicio, y esto crea confusión y una experiencia de usuario pobre. En este caso, menos es más.
Considera también que tus visitantes podrían estar visitando desde portátiles y teléfonos móviles, así que intente evitar diseñar páginas para un tamaño de monitor grande o páginas que usen funciones más complejas.
[themify_box color=”lavender” icon=”comment”]Al  considerar el diseño de tu sitio, asegurate de tener un diseño de logotipo profesional . Un logotipo creado a partir de imágenes prediseñadas o una plantilla no será único y creará una impresión deficiente. Peor aún, puedes exponerte a un riesgo legal sustancial .[/themify_box]
[themify_box color=”lavender” icon=”comment”]Puedes implementar tendencias de diseño moderno para que tu sitio se vea actual. Por ejemplo, el diseño plano se ha vuelto popular. Si has utilizado iOS 7 y versiones posteriores de iOS en un iPhone o iPad, o Windows 10, ha visto el diseño plano de primera mano. El diseño plano elimina los degradados y las sombras, lo que hace que las imágenes y las fuentes sean más pequeñas y fáciles de leer. Otras tendencias de diseño  incluyen animaciones simples (incluidos cinemagraphs – imágenes animadas en vivo / video), imágenes más grandes, ilustraciones, más desplazamiento y fuentes más grandes. [/themify_box]
[themify_box color=”lavender” icon=”comment”]Una vez que hayas diseñado tu página de inicio, puede ejecutar pruebas muy simples para descubrir qué botones, colores y piezas de contenido obtienen la mayor cantidad de clics. Después de todo, el marketing es tanto ciencia como un arte. Para obtener más información sobre las pruebas A / B, le recomiendo que lea 7 Pruebas A / B simples y sencillas que debe ejecutar en su página de inicio .[/themify_box]
[themify_box color=”lavender” icon=”comment”]Particularmente en tu página de inicio, pero también en cualquier página en la que estés tratando de persuadir al usuario para que tome alguna acción, piense qué acción quieres que el usuario tome y crea un botón de llamada a la acción destacado. Para obtener sugerencias sobre llamadas a la acción efectivas y creativas, le sugiero que revise 10 Técnicas para un ‘Llamado a la acción’ efectivo . Debes incorporar texturas mínimas y gradientes sutiles, donde sea apropiado, para resaltar diferentes áreas del sitio.[/themify_box]
El llamado a la acción (CTA) en tu página de inicio es un elemento más importante para atraer a los visitantes a tu sitio. Debes considerar algunos factores importantes cuando diseñe su CTA, incluyendo: (a) la ubicación (arriba del pliegue, visible en el monitor cuando la primera carga de la página suele ser la ideal), (b) asegurate de que el CTA se destaca de los demás contenido en su sitio, (c) crea un enlace a otra página para que su llamado a la acción atraiga al visitante a su sitio, (d) crea al menos una variación alternativa.
Es importante no sobrecargar tu página de inicio (o cualquier página, para el caso), con CTA. Elige uno o dos y concéntrate en ellos. Si tienes demasiados, creará una tremenda cantidad de ruido para los visitantes y eso generará mucha confusión.

#2 Muestra tus servicios y perfil de abogado

Estás vendiendo un servicio. Aségurate de mostrar claramente ese servicio en tu página de inicio. En última instancia, los clientes potenciales buscan dos datos importantes cuando visitan el sitio web de un bufete de abogados: qué servicios ofrece tu firma y las páginas de perfil de los abogados que la forman.
He visto muchos diseños web de firmas de abogados que no pudieron mostrar sus productos o servicios de manera efectiva y muchos otros que intentaron mostrar demasiados servicios en una sola página, creando mucho ruido y confusión.
Solo tiene unos pocos segundos para causar una primera impresión y debes asegurarte de que la impresión que hagas sea profesional.
Por ejemplo, Loevy & Loevy es una exitosa empresa de derechos civiles. Cuando visitas su página de inicio, queda bastante claro que se centran en los derechos civiles. Esto se refuerza en todo el diseño de la página de inicio (y en otras páginas). De hecho, “Un bufete de abogados de derechos civiles” se encuentra a la izquierda del encabezado de navegación principal, justo encima de su logotipo, para brindar mayor énfasis.

Si tu servicio está basado en la web, considera usar imágenes de teléfonos o computadoras e incrusta tus imágenes de exhibición dentro de esas imágenes. Eso ayudará a las personas a anticipar cómo se involucrarán con tu servicio. Por ejemplo, eche un vistazo a cómo Quickly Legal (contratos de negocios simples, ayuda a empresarios, pequeñas empresas y profesionales independientes a crear, firmar y administrar acuerdos legales en cualquier dispositivo) muestra su producto en su página de inicio que se usa en una pantalla de computadora portátil.

[themify_box color=”lavender” icon=”comment”]No sobrecargues tu sitio con fotos o gráficos. Aunque se ha dicho que una imagen puede decir mil palabras, las imágenes también pueden confundir y difuminar la atención. Elige algunas buenas fotos y presenta esas.[/themify_box]
[themify_box color=”lavender” icon=”highlight”]Usa testimonios para crear una imagen positiva de tu empresa. Los testimonios (como elemento de diseño) pueden comunicarse de manera efectiva con los posibles clientes. Claro, puedes tener una página de testimonios dedicada, pero considera los testimonios en todo tu diseño.[/themify_box]

#3 Revisa la velocidad de tu sitio web

Las personas son impacientes cuando navegan por sitios web y los tiempos de carga lentos afectan las conversiones (hacer que las personas compren sus productos o servicios). Si el diseño de tu sitio es gráficamente intenso, debes asegurarte de tener la infraestructura de hardware y el ancho de banda para admitir esos diseños. Puedes mejorar los tiempos de carga de su sitio seleccionando buenos hosts y asegurándose de que su diseño sea simple.
La opción de alojamiento mensual más barata no suele ofrecer el mejor valor. Puede ser barato, pero también es probable que sea lento y poco confiable.
[themify_box color=”lavender” icon=”comment”] ¿Desea comparar la rapidez con que se cargan dos sitios en comparación entre sí o ver qué tan rápido se carga tu sitio? Aquí hay una herramienta gratuita que puede usar: GT Metrix[/themify_box]

#4 Haz que tu web sea accesible

Mantenga el diseño web y la navegación constante en todo el sitio. No crees diseños no relacionados para diferentes páginas en tu sitio. Todas las páginas deben tener un diseño y diseño general similar. Esta es una de las razones más comunes por la que abogados y firmas de abogados considerarán un rediseño de sitio.

#5 Organiza tu sitio web para aportar una buena experiencia de usuario

Los motores de búsqueda prefieren los sitios web que están organizados correctamente. La gente también prefiere una buena organización. Debes tener en cuenta que cuando tus clientes potenciales visitan tu sitio, generalmente buscan información específica. Rara vez van a leer páginas enteras: hojean titulares y pequeñas porciones de texto y miran fotos o gráficos (pero no todos en la misma página). Un sitio adecuadamente estructurado que presente información de manera ordenada y organizada tendrá mucho más éxito que uno que parezca caótico.
Observa cómo Clifford Law Offices , una firma de abogados de lesiones personales con sede en Chicago, organiza su sitio mediante el menú de navegación.

 
A medida que te desplazas por la página de inicio en el sitio de Clifford Law Offices, verá una organización adicional, centrándose en los tipos específicos de casos que maneja Clifford Law Offices. Recuerda que un cliente potencial está inicialmente mirando para ver si su empresa maneja ciertos tipos de casos, por lo que es importante que su página de inicio responda esta pregunta de manera efectiva.

[themify_box color=”lavender” icon=”comment”]Usa fuentes y viñetas en negrita y fáciles de leer para presentar información clave o para enfatizar las cosas que deseas que los lectores noten.[/themify_box]
Agrega color al texto para resaltar la información más importante, pero intente mantener el uso del color del texto y las fuentes al mínimo. Quieres enfatizar, no confundir. Además, ten en cuenta que la mayoría de las personas ignorarán el contenido si el título sobre el contenido no les interesa, así que no ignorse los buenos titulares.
Por ejemplo, echa un vistazo a cómo Arnold & Itkin LLP , una firma de abogados que se enfoca en el derecho marítimo, enfatiza los testimonios de los clientes en su página de inicio.

[themify_box color=”lavender” icon=”comment”]Los botones / enlaces de acción deben ser claros e inequívocos. Por ejemplo, “Guardar” no es lo mismo que “Enviar”. Considera la expectativa de un visitante cuando hace clic en un botón o enlace y asegúrate de que sus etiquetas establezcan adecuadamente esas expectativas. Siempre que sea posible, queel copy refleje oraciones completas y no palabras o frases aisladas. Para obtener más información acerca de las CTA efectivas, le recomiendo que lea 17 Mejores prácticas para los botones de llamada a la acción de efecto loco .[/themify_box]

#6 Recuerda: el contenido es importante

Probablemente ya sepas que los motores de búsqueda indexan sitios según la calidad del contenido (y los enlaces). Cuanto más contenido haya en su sitio, más atractivo se volverá tu sitio para los motores de búsqueda.
A la gente también le gusta el contenido. De hecho, el contenido deficiente puede hacer que un visitante abandone tu sitio rápidamente. No ignores los titulares : pueden ser muy poderosos y pueden significar la diferencia entre que un visitante lea el resto del contenido o se salga de tu sitio.
Eche un vistazo a cómo Robert Weinberger trata esto en el sitio de su bufete de abogados. El contenido es limpio, nítido y fácil de leer.

Mantén el contenido fresco y actual. Si tu sitio web de 2017 tiene contenido con fecha de 2013, tus visitantes estarán dispuestos abandonar tu sitio rápidamente.
Por ejemplo, echa un vistazo a cómo la firma CA Goldberg , una firma de abogados que se centra en el abuso sexual y el consentimiento sexual, usa contadores a medida que avanza en su página para darle una idea de sus éxitos, “por los números” (visite su página para ver esto en vivo).

Otra pequeña cápsula desde el sitio de CA Goldberg. ¿Observas el botón “Salida rápida” en la parte superior izquierda? Es un buen toque porque las víctimas de Internet y el abuso sexual podrían estar viviendo con sus abusadores y beneficiarse de una manera rápida de salir de la página. Al hacer clic en ese enlace te lleva al sitio weather.com.
En última instancia, debes centrarte en la experiencia del usuario (UX) cuando consideres qué contenido incluir en tu sitio. Hay una pregunta que deberíamos hacernos cuando consideramos UX, y rara vez lo hacemos.
¿Por qué?
¿Por qué quieres ese botón? ¿Esa pagina? ¿Esa seccion? ¿Ese llamado a la acción? ¿Esa imagen?
Supongamos que deseas colocar el botón “Me gusta en Facebook” en el sitio web de su bufete de abogados. Tiene sentido, ¿verdad? La mayoría de las personas, al evaluar si el botón está funcionando, van a evaluar los números y luego intentan, intenten nuevamente. Cambiarán el color. Lo pondrán en otro lugar. Lo harán más grande o más pequeño.
Pero si los datos muestran de manera consistente que casi nadie hace clic en ese botón, independientemente de los cambios que se realicen, queda claro que no se hizo la pregunta de  por qué  lo necesita en primer lugar.
El contenido también puede soportar la navegación. Como ejemplo, observa cómo Quinn Emanuel , una exitosa firma de abogados de juicios, mantiene su página de inicio limpia, simple y enfocada. La navegación secundaria (a la derecha) hace hincapié en la información más importante que los posibles clientes desean saber cuando visitan un sitio de bufete de abogados: ¿qué hacen, quiénes son los abogados y cuál es el éxito de la firma?

Y no olvides que querrás tener perfiles de abogado sólidos. Recuerda que los posibles clientes eligen abogados antes de elegir una firma. Un buen perfil de abogado debe incluir premios, publicaciones, experiencia, educación y destacar los éxitos en transacciones o casos anteriores. Las fotos personalizadas ayudarán porque las personas se conectan con imágenes más que con palabras.
[themify_box color=”lavender” icon=”comment”]Estudia a sut competidores exitosos, las empresas que admiras y los ejemplos en esta publicación. Mira sus sitios web y estudia cómo presentan sus servicios a sus clientes y clientes potenciales. Estudie los colores de su sitio, la voz , el uso de gráficos, ilustraciones y fotos, y la organización general del sitio. No tengas miedo de usar colores más atrevidos. En el pasado, las personas han usado colores apagados, pero esperamos ver más colores saturados y vibrantes ahora.[/themify_box]
No tengas miedo de ser diferente. Por ejemplo, eche un vistazo a cómo Oblon, McClelland, Maier & Neustadt, LLP , una firma de propiedad intelectual de servicio completo, muestra la tecnología de su sitio en un video (deberás visitar el sitio para ver la animación).

[themify_box color=”lavender” icon=”highlight”]Considera el uso de tamaños de fuente más grandes y más legibles para tu contenido. Como la resolución de la pantalla ha mejorado, muchas pantallas muestran fuentes más pequeñas en un tamaño demasiado pequeño para leer. Echa un vistazo a algunos de tus sitios web favoritos y considerea qué tamaño de fuente prefieres para ver / leer. Con pocas excepciones, probablemente prefieras los sitios que usan fuentes más grandes. Demasiadas empresas utilizan fuentes pequeñas en sus páginas, haciendo que el contenido sea ilegible.[/themify_box]

#7 Comprende la diferencia entre diseño y desarrollo

Para crear un sitio web, necesitarás tanto el diseño como el desarrollo del sitio. Aunque algunas agencias y profesionales independientes pueden hacer ambas cosas, las habilidades para el diseño y el desarrollo son generalmente diferentes y es posible que desees aprovechar a diferentes personas para cada parte del trabajo.
Los desarrolladores frontend tienden a centrarse en el lado del cliente: lo que ven sus visitantes cuando visitan tu sitio web. Los desarrolladores backend usualmente se enfocan en la interacción entre el servidor y las bases de datos.
Los desarrolladores backend a menudo trabajan en una serie de cosas, que incluyen secuencias de comandos para que tus visitantes puedan interactuar con el sitio, la configuración del servidor web y el desarrollo de funciones de comercio electrónico, como un sistema de pago. Los buenos desarrolladores web independientes son expertos en múltiples áreas, incluyendo diseño web, arquitectura de información, ingeniería de uso, sistemas de administración de contenido web, administración de servidor web, administración de bases de datos, ingeniería de software, administración de proyectos, seguridad de redes y optimización de motores de búsqueda.
Hoy en día, el diseño de cada sitio web se beneficia de un sistema de administración de contenido (CMS) fácil de usar. Tales sistemas permiten que el personal no técnico de la empresa mantenga y actualice el contenido del sitio. Los sitios más grandes pueden requerir sistemas personalizados o modificaciones de los sistemas existentes.
[themify_box color=”lavender” icon=”comment”]Si decides contratar un diseñador y / o desarrollador de sitios web independientes, debe buscar al menos tres personas (o tiendas) y pedirles presupuestos detallados. También debes recordar pedir algunos ejemplos de su trabajo anterior para poder evaluar su estilo y experiencia.[/themify_box]

#8 Considera tu nombre de dominio, pero sin obsesionarte

En el pasado, algunas empresas intentaban obtener coincidencias exactas de palabras para aprovechar las clasificaciones de los motores de búsqueda. Cuando las URL eran más fáciles de obtener, esto era más fácil de hacer. Por ejemplo, un abogado especializado en leyes de lesiones personales en Chicago podría obtener el dominio abogadodedivorciosenchicago.com.
Pero los motores de búsqueda han realizado numerosas actualizaciones de algoritmos a lo largo de los años y esto ya no es una práctica recomendada. Si no puedes encontrar una URL que coincida con el nombre de tu empresa, puedes considerar cambiar el nombre o buscar una URL alternativa que incluya el nombre, o una que complemente el nombre.
Evita los dominios que son demasiado largos. Su empresa puede tener cinco socios de capital con nombre, pero eso no significa que su dominio deba incluir todos sus nombres. Un buen ejemplo es  Oblon, McClelland, Maier & Neustadt, LLP.  Su dominio es simplemente oblon.com. Un dominio más corto y simple es más fácil de recordar y más fácil de escribir.
He pasado por el proceso de nombramiento muchas veces y puede ser una experiencia muy frustrante. Si necesitas ayuda, envíame un mensaje, y veremos cómo podemos solucionar tu pequeño pero frustrante problema.
[themify_box color=”lavender” icon=”comment”]Considera cómo se verán las URL de tu sitio para los motores de búsqueda y las personas. En la medida de lo que puedas, usa nombres de sonido natural para sus URL y títulos. [/themify_box]

#9 No olvides el SEO y el SEM

Para una firma de abogados, al igual que para cualquier pequeña empresa, los esfuerzos que se invierten en una iniciativa de mercadotecnia suelen restar importancia a otras iniciativas de mercadotecnia. La optimización de motores de búsqueda y el marketing de motores de búsqueda son campos altamente especializados y requieren una inversión sustancial de tiempo para aprender.
Pero las campañas de SEO y / o SEM pueden proporcionar un gran apalancamiento a los abogados y bufetes de abogados y, como resultado, no deben ignorarse.
Investiga en blogs como el de Chuiso o Dean Romero, te ayudarán a encontrar formas de posicionar bien tu página en los motores de búsqueda.

#10 No uses imágenes de bancos de imágenes

Créeme, siempre es fácil detectar fotografías de archivo. Dado que el diseño web moderno a menudo incluye imágenes grandes y de alta resolución, es mejor que pongas una cara a la empresa y muestres tus oficinas utilizando tu propio equipo y ubicaciones para estas imágenes.
Dependiendo del tamaño de la firma, no necesariamente tienes que contratar a un equipo de fotógrafos profesionales para realizar tomas de abogados  en la recepción, pero es probable que tampoco quiera usar las fotos del iPhone.