Un proceso de diseño de sitios web que funciona: cómo obtener el sitio web de servicios profesionales que desea

El sitio web de una empresa de servicios profesionales es uno de sus activos de marketing más valiosos y visibles . Podría decirse que es la expresión más importante de la marca de una empresa. Cuando crea un sitio web que presenta claramente su propuesta de valor y aprovecha esa posición para generar clientes potenciales de alta calidad, puede mejorar drásticamente los resultados de su empresa.

Crear un sitio de generación de leads de alto impacto puede parecer una tarea imposible, pero si comienza con estos tres componentes básicos, estará bien encaminado: 1) El apoyo del liderazgo de su empresa; 2) un equipo talentoso para llevarlo a cabo, y 3) un proceso de diseño de sitio web que mejorará su experiencia general de usuario y estrategia de contenido y lo llevará a su objetivo.

En esta publicación, nos vamos a centrar en el último de estos requisitos. En primer lugar, tendrá que buscar dentro de su empresa. El segundo lo puedes contratar. El tercero une a los dos primeros e impulsa el proceso.

Si está a punto de embarcarse en un viaje de rediseño web, el camino por delante seguramente tendrá algunos baches: después de todo, un sitio web moderno de alto rendimiento puede ser muy complejo. Pero con el proceso adecuado, puede evitar las trampas y las desventuras que plagan tantos proyectos web. En esta publicación, presentaremos un proceso que hemos perfeccionado durante más de una década para ofrecer el sitio web que siempre ha querido, sin la angustia. Y en el camino, compartiremos algunas de las duras lecciones que hemos aprendido.

Informado por la investigación y validado por años de experiencia y análisis , este es un proceso que funciona.

¿Para quien es esto?

Esta publicación es para personas involucradas en la planificación o ejecución de un nuevo sitio web de servicios profesionales, especialmente los especialistas en marketing y las partes interesadas responsables de llevarlo a cabo. Y es para cualquiera que quiera desmitificar el proceso de diseño de sitios web y comenzar con el pie derecho.

Por qué los sitios web de servicios profesionales son diferentes

Hemos sido parte de muchos procesos de diseño de sitios web, que abarcan muchas configuraciones comerciales diferentes: basadas en contenido, B2C, B2B y aplicaciones web. ¿Qué tienen de diferente los sitios web de servicios profesionales?

Con los servicios profesionales, existe una necesidad fundamental de transmitir credibilidad. Las empresas compran servicios de expertos en los que confían. Incluso las referencias sólidas no siempre son suficientes para que entres por la puerta. Nuestra investigación muestra que los compradores visitarán su sitio web para verificar una referencia y descontarán fácilmente una referencia en función de la información que encuentren (o no encuentren). Sus prospectos saben que están comprando ofertas de servicios complejos que tienden a ser artículos costosos y conllevan un riesgo considerable. Son lo opuesto a una compra impulsiva que puede ver en el mundo B2C (y, a veces, B2B).

Dado que el ciclo de ventas de servicios profesionales puede llevar mucho tiempo, a menudo meses o incluso años, muchos compradores potenciales se encuentran con su empresa mucho antes de que estén listos para comprar. Por lo tanto, su sitio web también debe abordar a los prospectos en cada etapa del proceso de compra , desde el descubrimiento inicial hasta la venta inminente. En el medio, hay mucha crianza.

Dicho esto, también es crucial hablar con las muchas audiencias con las que interactuará su sitio, todo mientras respalda un mensaje de marca unificado para toda la empresa. Por ejemplo, a menudo encontrará que distintas áreas de servicio necesitan transmitir diferentes mensajes. Es importante que un cliente potencial pueda encontrar fácilmente información relevante y oportuna y puede lograr esto a través de enlaces cruzados y una estrategia de experiencia de usuario bien pensada. Por supuesto, no puede olvidarse de uno de los públicos más importantes para una empresa de servicios profesionales, el posible empleado. Dado que la mayoría de las empresas luchan por mantenerse al día con su demanda de talento, tiene sentido considerar la nueva perspectiva de contratación al diseñar su sitio web.

Tener estas cosas en mente lo ayudará a desarrollar una plataforma dinámica y multipropósito que genere visibilidad, fomente el compromiso y le brinde herramientas para monitorear su desempeño y hacer ajustes en el camino.

Por qué los proyectos de sitios web salen mal

Antes de entrar en la forma correcta de abordar el proceso de diseño de un sitio web, es instructivo ver qué puede salir mal.

Hay algunas razones sorprendentemente consistentes por las que los proyectos de sitios web empeoran. Estas razones se aplican a empresas grandes y pequeñas. Ya sea que brinde servicios de contabilidad, finanzas, arquitectura, ingeniería, tecnología o gobierno, querrá evitar estas trampas comunes.

Demasiados tomadores de decisiones

A la hora de tomar decisiones, más es menos. Cuanto más grande sea el grupo, más tiempo se tarda en analizar las opiniones y llegar a un consenso. Si un grupo es demasiado grande, o si incluye personas con opiniones muy opuestas, la toma de decisiones puede detenerse, lo que efectivamente pone fin al proyecto. Un mejor enfoque es reunir un pequeño equipo de 2 a 4 personas que estén empoderadas por las partes interesadas para impulsar el proceso y tomar decisiones en nombre del grupo más grande. Está bien presentar su progreso al grupo más grande en dos o tres momentos clave en el camino, pero con la condición de que solo sean actualizaciones de estado, no oportunidades para cambiar de rumbo.

El miembro del equipo "torpedo"

Este es uno de los desafíos más comunes y potencialmente devastadores que enfrentamos: un líder de alto rango no tiene tiempo para participar en el proceso de diseño del sitio web del día a día, pero debe aprobar el sitio antes de su lanzamiento. El problema con este escenario es que cuando los tomadores de decisiones clave no son parte del proceso, no tienen visibilidad de la miríada de pequeñas decisiones que se tomaron en el camino. A menudo aportan expectativas poco realistas o valores no expresados ​​al proyecto. Estar atento. Aquí vienen los torpedos.

fluencia del alcance

Toda empresa que vende servicios está familiarizada con esto. Por lo tanto, no debería sorprender que el mismo peligro aceche en el proceso de rediseño de su propio sitio web. Por eso es importante definir claramente el alcance del proyecto antes de comenzar, y mantener la disciplina durante todo el proceso. A medida que surjan nuevas ideas, piense en cómo encajan en el ámbito del trabajo. Siempre se puede planificar una segunda fase de trabajo para incorporar nuevas funcionalidades. El avance del alcance y las expectativas poco realistas que lo alimentan producen retrasos en el cronograma, estrés innecesario y errores vergonzosos.

Expectativas irrealistas

No podemos contar cuántas veces hemos escuchado a un cliente pedir un algoritmo predictivo al estilo de Amazon o un sitio web como el de Apple. Las cosas que parecen simples pueden ser diabólicamente complicadas. Así que tenga cuidado con lo que deseas. En la otra cara de esta moneda, la tecnología evoluciona todos los días. Algunas funcionalidades que alguna vez estuvieron fuera de alcance ahora están disponibles a un costo razonable. No está de más preguntar acerca de la tecnología de punta, pero no puede asumir que siempre será fácil o asequible de implementar.

Requisitos técnicos ocultos

Documentar los requisitos técnicos de un sitio web puede ser más difícil de lo que parece. De hecho, si su sitio web es particularmente complejo, su agencia web podría cobrarle una tarifa adicional para desenredar las complejidades de su nuevo sitio. Sin embargo, en el caso de sitios más simples, una revisión cuidadosa de su sitio existente y una revisión técnica colaborativa descubrirán las piezas principales.

Una agencia que no es propietaria del proceso

A menos que su empresa cuente con un equipo interno de expertos en marketing y creación de marcas, diseñadores y desarrolladores, trabajará con un socio de la agencia para que lo guíe a través del proceso de diseño del sitio web. Sin embargo, si su agencia está más preocupada por complacerlo que por guiar a su empresa a través de un proceso comprobado, se encontrará con un viaje salvaje. El proceso es fundamental para la calidad y la entrega oportuna de su sitio. Si encuentra que su socio de la agencia se dobla a todos sus caprichos, el proyecto de su sitio web perderá rápidamente el rumbo.

Un proceso de diseño de sitios web que funciona

Entonces, ahora que sabe qué evitar, ¿cómo puede rediseñar este sitio web de la manera correcta? Antes incluso de comunicarse con las agencias, comience a esbozar una hoja de ruta. Esto lo ayudará a pensar en su sitio estratégicamente y a encontrar la agencia que mejor se adapte a su empresa. Aquí hay algunos temas que usted puede querer considerar:

1. Establezca objetivos de alto nivel para su nuevo sitio. Por ejemplo, ¿quieres:
   • ¿Aumentar la visibilidad a través de motores de búsqueda y plataformas sociales relevantes?
   • ¿Construir credibilidad?
   • ¿Atraer nuevos talentos?
   • ¿Generar cables?
   • ¿Crear una plataforma para el liderazgo intelectual?
   • ¿Aumentar el tráfico?
2. Evalúe el sitio web actual de su empresa.
   • ¿Qué funciona y qué no?
   • ¿Qué contenido permanecerá, qué se irá y qué necesita ser reescrito? No ignore áreas profundas de contenido, como blogs y noticias de la empresa.
   • ¿Tu contenido actual está optimizado para los motores de búsqueda?
   • Realice una evaluación de su contenido de liderazgo intelectual.
3. Decida qué funcionalidad necesita su empresa y cuáles son sus requisitos.
   • Divida sus requisitos técnicos en dos listas priorizadas: sus "imprescindibles" y "me gusta tener". Los ejemplos incluyen integración de CRM, filtrado avanzado o funcionalidad de búsqueda, integraciones ATS, blogs/noticias/fuentes de contenido, etc.
4. Planifique con tiempo suficiente.
   • Los proyectos típicos de rediseño de sitios web de servicios profesionales tardan de 4 a 8 meses, de principio a fin. Los sitios complejos para organizaciones más grandes pueden llevar más tiempo.
5. Establezca un presupuesto realista.
   • La mayoría de los sitios de servicios profesionales cuestan entre $35K y $250K.
6. Plan de contenido.
   • Incluso si no está listo ahora, planee incorporar una estrategia de marketing de contenido en un futuro cercano. El marketing de contenidos llegó para quedarse.
7. Omita la RFP.
   • Las RFP en realidad hacen que sea más difícil encontrar una buena opción. ¿Por qué? Primero, es posible que no sepa por adelantado si está haciendo las preguntas correctas. La mayoría de las RFP se equivocan, son demasiado específicas o demasiado generales.
   • Hacen que sea difícil identificar qué hace única a una empresa que responde.
   • Verá, las RFP dificultan la evaluación de los intangibles de una empresa : su personalidad, verdadera experiencia y otros atributos importantes. Muchas grandes empresas simplemente no responderán a las RFP. En lugar de escribir una RFP, salga y busque empresas que se ajusten a sus necesidades: agencias que hayan trabajado con empresas como la suya, que produzcan un trabajo de alta calidad o que hayan sido recomendadas por colegas y socios respetados.

Elegir una agencia

Si no está desarrollando su sitio web internamente, querrá encontrar un excelente socio web. Tome una mirada crítica a su cartera. ¿Entienden su industria o necesitará educarlos? Entonces habla con ellos. Pregunte cómo evitan sobrepasar el presupuesto. ¿Cuál es su enfoque para el diseño de sitios web y qué papel jugará su nuevo sitio en su estrategia de marketing general? Y pregúnteles si usan datos, investigaciones o puntos de referencia para informar sus recomendaciones.

Si es posible, pase algún tiempo con la agencia. Para un proyecto extenso como un sitio web, encontrar un buen ajuste cultural es tan importante como las habilidades técnicas de un equipo. Finalmente, asegúrese de llamar a las referencias de la agencia para recopilar una variedad de perspectivas sobre la experiencia y el servicio de la empresa .

¡Felicidades! Ha seleccionado una agencia, ¿ahora qué?

¡Ahora comienza la verdadera diversión! Su agencia llevará a su equipo a través de un proceso de diseño de sitio web cuidadosamente elaborado. Cada empresa web tiene su propia versión de este proceso, pero la mayoría de estos procesos son similares al que usamos aquí en Hinge, que se describe a continuación.

1. Descubrimiento de proyectos
   • Esta reunión inicial debe incluir a todos los tomadores de decisiones.
   • Se le pedirá que defina claramente sus objetivos para el sitio web.
   • Analice los requisitos técnicos del sitio e identifique los próximos pasos. Considere integraciones de terceros, como CRM, automatización de marketing, sistemas de recursos humanos, intranets u otros sistemas internos.
   • Discuta las preferencias estéticas y las pautas de estilo (si corresponde).
   • Discuta el contenido, la mensajería y los objetivos de SEO.
   • Discutir el análisis. (Prepárese para compartir sus credenciales de inicio de sesión de análisis e investigación con el equipo de la agencia antes del inicio).
2. Panorama competitivo
   • Identifique los sitios web de los competidores clave para que el equipo de diseño pueda llevar su sitio en una dirección visual diferente.
   • Revise su experiencia de usuario.
   • Revise su desglose de servicios y mercados.
3. Desarrollar una nueva arquitectura del sitio (o mapa del sitio)
   • Trate de mantener la estructura y la navegación de su sitio simples y fáciles de seguir. No haga que los visitantes adivinen qué significa un botón de navegación o adónde los llevará.
   • Considere agregar un blog si no tiene uno. El contenido experto es el motor que genera nuevo tráfico y clientes potenciales.
   • Considere agregar una biblioteca o una sección de recursos. Esta sección albergará contenido valioso que utilizará para atraer a los visitantes y crear su lista.
   • Bloquee el mapa del sitio antes de comenzar el diseño.
4. Desarrollar un resumen creativo
   • Identifique qué elementos aparecerán en las páginas clave, comenzando con la página de inicio.
   • Articular la dirección creativa que debe tomar el sitio.
   • Describa las características creativas o funcionales que le gustaría evitar.
5. Comience el proceso de escritura temprano
   • Cuanto más texto vivo puedan trabajar los diseñadores, más "reales" se sentirán los conceptos de diseño, y más fácil será evaluarlos. Esto significa que el escritor deberá comenzar a trabajar en piezas clave del texto de inmediato.
   • Comience con la página de inicio. Preste especial atención a los titulares que expresan su posicionamiento y mensajes clave.
   • Es importante que su equipo evalúe los mensajes y los elementos de diseño juntos. De esa manera, puede obtener la experiencia de usuario completa.
6. Diseño 2-3 enfoques iniciales
   • Diferentes agencias toman diferentes enfoques para establecer la dirección de diseño inicial de un sitio. Algunos comienzan con esquemas para mapear cada tipo de página antes de completar los detalles. Otros presentan paneles de inspiración para establecer los límites estéticos del proyecto. Aún así, otras agencias abordarán primero la página de inicio, usándola como referencia visual para el resto del sitio. Además, algunas agencias también diseñarán una subpágina o dos en este punto.
   • Idealmente, su agencia podrá proporcionar datos objetivos para respaldar las decisiones de diseño clave. Por ejemplo, es posible que hayan aprendido de su Google Analytics que la mayoría de los visitantes miran sus páginas de liderazgo y, como resultado, la agencia puede recomendarle que incluya personas clave en su página de inicio.
   • Si se le presentan múltiples conceptos de diseño, uno debe superar un poco los límites y desafiarlo a adoptar un enfoque más atrevido. Los otros conceptos pueden ser más conservadores, aunque evite los clichés comunes. Pase lo que pase, cada enfoque debe diferenciar visualmente a su empresa.
7. Seleccione un enfoque de diseño
   • Si el equipo de diseño hizo su trabajo y lo escuchó, debe tener al menos un enfoque visual que se sienta bien. Incluso si aún no está 100% satisfecho con él, seleccione ese diseño como base para futuras revisiones. Por supuesto, si todos los conceptos no dan en el blanco, es posible que deba volver a la mesa de dibujo. Solo prepárese para proporcionar comentarios específicos que el equipo pueda usar para desarrollar un nuevo enfoque.
   • No se deje atrapar demasiado por las imágenes en este punto, siempre puede cambiar. En cambio, considere los méritos del diseño como un todo.
   • En la mayoría de los casos, debería poder obtener una aprobación general del diseño dentro de 1 o 2 rondas de revisiones.
8. Diseñe los diseños de página restantes
   • A menos que tenga páginas particularmente complicadas (como un carrito de compras o un sistema de gestión de aprendizaje personalizado), el resto de los diseños suelen ir bastante rápido.
   • Revise las características clave, como los filtros y los mecanismos de etiquetado, para asegurarse de que está incluyendo/proporcionando comentarios sobre cualquier información relevante necesaria.
   • Este es el momento de aprobar las imágenes para sus páginas. Asegúrese de trabajar en estrecha colaboración con su equipo de diseño, ya que encontrar las imágenes correctas (especialmente si se basa en fotos de archivo) puede ser un ejercicio que requiere mucho tiempo. Si está encargando fotografías o ilustraciones personalizadas, debería poder aprobar las imágenes a medida que se producen.
   • Su equipo de desarrollo web también debe participar en este punto. Pueden identificar aspectos de los diseños que podrían plantear desafíos prácticos, antes de pasar al código.
9. Finalizar diseños receptivos
   • La optimización de su sitio web para dispositivos móviles es esencial en el mercado móvil actual. Y eso significa emplear un diseño receptivo, una técnica de desarrollo que utiliza un solo conjunto de código para adaptar su sitio web a muchos dispositivos y anchos de navegador diferentes. Para brindar la mejor experiencia de usuario, su equipo de diseño debe presentar diseños que muestren cómo aparecerán las diferentes páginas en un teléfono y una tableta.
   • Para brindar una buena experiencia en un teléfono, los elementos de la página pueden presentarse en un orden diferente al de un diseño de escritorio, pueden simplificarse o pueden eliminarse por completo.
   • Por lo general, la navegación de su sitio tendrá una forma diferente (a menudo colapsada en un menú de "hamburguesa") en dispositivos móviles.
10. Desarrollar sitio
    • Es más eficiente enviar todos los archivos a desarrollo a la vez, cuando todos los estilos, diseños y requisitos se solidifican y aprueban. Esto facilita la detección de incoherencias y reduce el tiempo de desarrollo.
11. Sitio de prueba
    • Involucre a varios equipos, incluidos desarrolladores, diseñadores y personas que no saben nada sobre el sitio.
    • Comience las pruebas temprano, incluso antes de que se complete el sitio. Luego, tómese una semana completa o más para probar el sitio terminado antes del lanzamiento.
    • Presta especial atención al contenido. Es fácil pasar por alto errores tipográficos vergonzosos, problemas de formato y enlaces rotos.
    • Mantenga un registro continuo de errores: los errores son una parte natural del proceso. Es probable que haya algunos incluso después de que se lance el sitio. El equipo debe estar preparado para aplastarlos de inmediato.
12. Sitio de lanzamiento
    • Si es posible, considere un lanzamiento suave. Esto significa lanzar el sitio sin fanfarria al principio para darle a usted y a los visitantes la oportunidad de encontrar e informar errores potencialmente vergonzosos. Luego, después de una semana o dos, una vez que todo parece funcionar como se esperaba, puede anunciar formalmente su nuevo sitio en su lista.

Otras consideraciones importantes

Ese es el proceso de diseño y desarrollo del sitio web en pocas palabras. Aquí hay algunas cosas más en las que pensar al planificar el rediseño de un sitio web.

Haga su investigación de palabras clave antes de escribir el contenido

Si bien es posible calzar palabras clave en una página web después de que se haya escrito, obtendrá resultados mucho mejores si el escritor tiene las palabras clave por adelantado. La copia resultante se leerá de forma más natural y será una mejor experiencia de lectura.

Plan de seguridad

Hemos visto cómo hackean muchos sitios web de servicios profesionales. Los resultados pueden ser vergonzosos o directamente dañinos. Sin embargo, la mayoría de estas situaciones se pueden prevenir con poca previsión y cuidado. Asegúrese de que su agencia se tome en serio la seguridad y tenga un plan para proteger su sitio contra ataques maliciosos. Por lo menos, asegúrese de usar contraseñas seguras y mantenga actualizado el software de su sitio web.

Plan para la velocidad

La velocidad de carga del sitio afecta tanto la experiencia de los usuarios como la visibilidad de su sitio en los resultados del motor de búsqueda. De hecho, Google favorece explícitamente los sitios que se cargan rápidamente y está respaldando nuevas tecnologías de mejora de la velocidad móvil como AMP . Los factores que afectan la velocidad del sitio incluyen el tamaño (en bytes) de sus imágenes, video, javascript (y otros scripts del lado del cliente) y la velocidad del servidor, por nombrar solo algunos. Una CDN (red de entrega de contenido) puede mejorar la velocidad de carga de casi cualquier sitio, y hay disponibles muchas opciones gratuitas excelentes, como CloudFlare . El tamaño del código de su página también puede afectar la velocidad, así que asegúrese de que su equipo de desarrollo tenga la disciplina y la experiencia para escribir un código limpio y compacto.

Rediseñar su sitio web debe ser una experiencia emocionante y divertida. Desafortunadamente, muchos proyectos web a menudo se descarrilan en puntos predecibles. No tiene que ser así.

Para obtener la mejor experiencia, y un producto final que lo hará sentir orgulloso, tenga en cuenta los siguientes puntos:

1. Reúna un equipo pequeño que pueda tomar decisiones ejecutivas
2. Siga un proceso de diseño de sitios web probado como el que se describe en esta publicación
3. Permita que su agencia o equipo de diseño lidere el proceso
4. Comunicarse bien y con frecuencia
5. Si no está haciendo el trabajo usted mismo, elija una agencia que esté calificada, comprenda su industria y sea una buena opción cultural.

Su sitio web es su herramienta de marketing más valiosa . En su próximo rediseño, aproveche al máximo esta oportunidad para conectarse e involucrar a sus futuros prospectos, socios y empleados en línea. Tener un gran proceso implementado no solo evitará muchos de los obstáculos de diseño web más comunes, sino que también brindará un mejor sitio web.

Recurso gratuito

La guía del sitio web de generación de prospectos

Aprende más