En el caso de los sitios web, hay muchos "debería" y un "no debería" claro: tu sitio web no debe ser simplemente estático y unidimensional. Tiene que hacer muchas cosas. Tu sitio web debe:
- Representar tu marca de forma moderna y creativa.
- Proporcionar una experiencia de usuario intuitiva y útil a tu público objetivo.
- Ofrecer a tus clientes potenciales un viaje fluido, que no sólo aborde sus retos
habituales, sino que muestre claramente cómo las soluciones de tu empresa pueden superarlos.
Todo está en el método: diseño de sitios web orientado al crecimiento
En Smartbound abordamos los sitios web con todo esto en mente. Sabemos que, al igual que tu negocio, tu presencia online tiene que ser capaz de evolucionar con los tiempos y el estado de la industria. A medida que tu público objetivo crece y sus necesidades cambian, tu sitio web debe ser capaz de adaptarse a ellas.
También sabemos que el diseño de un sitio web puede ser abrumador. Dada la inversión y la complejidad, el enfoque habitual de muchas empresas es invertir muchos recursos en un diseño y quedarse estancado durante dos o tres años.
Lo que nosotros recomendamos es un enfoque completamente diferente: Estar en un estado constante de aprendizaje y reaprendizaje de las necesidades de tus clientes, así como de la eficacia de tu presencia online. Crea un sitio web que pueda adaptarse fácil y rápidamente a estos aprendizajes a través de mejoras continuas impulsadas por el crecimiento. Los beneficios serán enormes.
Nuestro proceso de diseño de páginas web
¿Cómo lo hacemos? Seguimos nuestro propio proceso ágil para los proyectos de sitios web, muy inspirado en el concepto de Growth Driven Design de HubSpot. Nuestro objetivo principal es garantizar que cuando tu sitio web nuevo o renovado se ponga en marcha, tenga un rendimiento mucho más eficaz que el que sustituye.
Esta metodología comienza con la priorización estratégica, que alimenta la ejecución inteligente, lo que en última instancia conduce a ciclos continuos de mejora y educación.
Desglosemos cada una de estas fases y sus objetivos, y expliquemos qué se puede esperar de cada una de ellas.
Estrategia y planificación
La primera fase del proceso de diseño del sitio web es la estrategia y la planificación, en la que trabajamos para comprender- Los objetivos generales de tu empresa.
- Tu público objetivo y sus retos personales
- La dirección visual correcta que hay que tomar.
- La voz y el tono de tu contenido.
- El rendimiento de su sitio web actual.
Estos datos nos permitirán crear un plan de juego sólido para un sitio web que sea realmente valioso tanto para tus clientes como para tu equipo interno.
Entender a tu público objetivo
Una de las ideas más importantes que obtenemos en esta fase es una comprensión empática y profunda de para quién estamos diseñando y creando este sitio web. Empezamos con actividades como el desarrollo de buyer personas, representaciones semi-ficticias de tus compradores objetivo. También elaboramos un mapa del recorrido del comprador que describe todo el contenido vital para tu sitio web y el marketing, calibrado para cada etapa del recorrido (conocimiento, consideración, decisión).
Basándonos en el nivel de prioridad que marca el recorrido del comprador y en tu presupuesto, determinamos el contenido y las características que tendrán más impacto cuando el sitio se ponga en marcha por primera vez.
Consejo rápido
Cuando crees personas, evita la tentación de quedarte con el ideal. Tómate el tiempo necesario, investiga y utiliza datos limpios para que los personajes sean precisos. Entrevista a tus clientes. Recoge todos los datos que puedas de las redes sociales, los datos de ventas, el rendimiento del sitio web, etc., para conocer a fondo a tus clientes y sus necesidades.
Diseño y marca
Antes de iniciar un diseño formal, aclaramos la dirección visual del sitio web. Estudiamos detenidamente todos los aspectos clave de tu marca y determinamos cómo se representarán visualmente en el sitio. Entre los ejercicios que realizamos está la creación de un tablero, en el que expresamos los componentes visuales y la estética general. Incluimos elementos como:- Paleta de colores
- Familias de fuentes
- Dirección gráfica y de imagen
La construcción
Cuando hayamos completado la fase de estrategia, deberemos tener un plan claro de los contenidos y características prioritarias que hay que crear, así como un fuerte sentido de la dirección visual del sitio. Ahora viene la fase de construcción.
Wireframing
El primer paso de la fase de construcción es crear esquemas de las plantillas de páginas prioritarias. Se trata básicamente de los planos de una página web, que esbozan la estructura básica y la jerarquía informativa. Es entonces cuando determinamos cómo se presentará cada página y qué historia contará.
Diseño y copywriting
Una vez completados los wireframes, es hora de darles vida. Sobre la base de la voz y el tono que establecimos en la fase de estrategia y de la comprensión del público objetivo, el equipo de redacción empezará a contar la historia, a crear el mensaje y a escribir el contenido específico de las páginas. Con el texto de la página en la mano, nuestro equipo de diseño pasa a diseñar las páginas. Esto puede implicar una presentación de alta fidelidad, una representación estática de una página que incluye colores, imágenes, elementos gráficos y de interfaz de usuario, y otros detalles estéticos. A continuación, seguiremos revisando y perfeccionando los diseños hasta que estén listos para pasar al desarrollo.
Desarrollo
Nuestro equipo de desarrollo toma los diseños estáticos, el contenido y el mapa del sitio y construye una versión de demostración totalmente funcional del sitio. Se trata de un entorno previo a la puesta en marcha en el que podemos probar a fondo sus características. Revisamos el tamaño de la página, la capacidad de respuesta en diferentes dispositivos, la calidad del contenido y de las imágenes, así como cualquier problema de redacción.
Probamos y volvemos a probar. También nos aseguramos de que todo el seguimiento está en marcha para cualquier punto de conversión clave, y probamos el comportamiento en HubSpot.
Consejo rápido
La velocidad de la página es fundamental y el tamaño de la imagen juega un papel importante. Casi el 70% de los consumidores dicen que la velocidad de la página influye en su probabilidad de comprar en Internet. Reduce el tamaño de tus imágenes para que la carga de tu página sea rápida.
El lanzamiento
Una vez que el sitio ha sido probado a fondo, es el momento de lanzar el nuevo sitio web. Pero ahí no acaba el trabajo. En cierto modo, no ha hecho más que empezar.
La plataforma de lanzamiento
Nos referimos a este sitio inicial como la "plataforma de lanzamiento". Es la primera iteración de tu sitio web con todos los elementos clave identificados en la estrategia. Se trata de un sitio vivo y publicado que puede ponerse en marcha con relativa rapidez para que los usuarios reales lo visiten e interactúen con tu contenido. También es una fuente de información sobre cómo los visitantes experimentan el contenido del sitio, la navegación, los elementos de generación de leads y más. Y estos son los conocimientos que sólo se pueden obtener de un sitio en vivo con datos reales.
Mejoras continuas
Al comenzar con un sitio web de lanzamiento flexible, podemos realizar mejoras en tu sitio nuevo y mejorarlo más rápidamente, y obtener información sobre cómo está funcionando. A continuación, iniciamos los ciclos de mejoras y ampliaciones continuas que hacen que tu sitio web siga siendo vital, relevante y que apoye realmente las necesidades de tu negocio.
Los conocimientos adquiridos en este proceso de múltiples fases, desde la estrategia hasta el lanzamiento, tienen un valor incalculable, y no hay atajos que proporcionen los mismos resultados que esta clase de procesos de due diligence, análisis continuo, experimentación y optimización.
Cuanto más entiendas el verdadero comportamiento de tu usuario y cómo este experimenta tu sitio web y su contenido, más podrás mejorar los resultados. Por eso creamos y adaptamos cada sitio para que se adapte a cada negocio y a sus objetivos únicos de crecimiento.
Da el siguiente paso
Invertir en tu presencia web puede ser una gran oportunidad para tu negocio - y Smartbound puede ayudarte a transformar tu sitio web en un motor de ventas ágil y dedicado. Descubre más acerca del diseño del sitio web orientado al crecimiento programando una reunión de consulta gratuita con nosotros.
