Para ponernos en contexto, partimos de la necesidad de cambiar nuestro site web corporativo con el objetivo principal de que fuera un escaparate de nuestro trabajo y que explicase mejor cuáles eran nuestros servicios y nuestra metodología, basada en el análisis de los datos, para ayudar en la toma de decisiones.
El reto
Como en todos nuestros proyectos, nos gusta plantearnos el reto. Este será nuestra estrella polar, el problema que tenemos que resolver y que nos ayudará a re-enfocarnos, si en algún momento tenemos la impresión de que nos estamos desviando. En este caso, el reto que definimos fue:
“Construir, en el menor tiempo posible, un escaparate comercial que muestre quiénes somos, qué hacemos, qué hemos hecho y cómo trabajamos. Todo ello con el objetivo de captar leads y dirigido a perfiles de negocio, utilizando una estrategia de diseño conductual”.
¿Por dónde empezar?
Los comienzos no son fáciles, ya que toca analizar lo que hay: el AS IS, para ver qué acciones tiene más sentido realizar.
Análisis de la competencia
Comenzamos realizando un análisis de la competencia para conocer su propuesta de valor, sus servicios y sus modelos de negocio. En este punto no teníamos clara cuál era nuestra competencia y tuvimos que hacer un research de muchas compañías, consultoras y agencias, para entender en qué momento se encontraba el mercado y entender mejor el hueco en el que nosotros encajamos.
Sesiones de trabajo colaborativas
Como hacemos habitualmente con nuestros clientes, realizamos unas sesiones de trabajo colaborativo en el que propusimos varios ejercicios, basados en técnicas de pensamiento de diseño (Design Thinking). Planteamos las siguientes:
- Un business model canvas
- Mapas de empatía
- Un canvas DAFO
Encuestas de opinión
Por otra parte, mandamos unas encuestas a nuestros clientes para recoger todo el feedback posible y analizar en profundidad nuestra puntos fuertes y definir la propuesta de valor. Los resultados fueron muy inspiradores obteniendo mucha información y una muy buena valoración global de satisfacción (4,7 sobre 5).
Análisis de nuestro site web (AS IS)
Paralelamente, analizamos nuestra web actual para ver si tenía algún sentido mantener la misma estructura o alguno de los contenidos existentes. Queríamos saber qué pensaban las personas que nos visitaban y entender qué barreras, dudas e incertidumbres encontraban, así como las motivaciones que podían llevarles a contactar para contratarnos.
Home
La piedra angular de cualquier negocio digital. El escaparate principal que tiene que servir como índice de contenidos y como reclamo de atención a las personas que nos visitaban, no cumplía el cometido para el que fue diseñada. Nos enfocamos principalmente en el rediseño de la home teniendo en mente los problemas detectados en el análisis realizado:
- No quedaba claro qué hacíamos ni cómo.
- No aparecía una propuesta de valor clara. Solo 3 palabras “Estrategia, Innovación y Producto Digital”, pero, ¿por qué deberían contratarnos?
- Los casos de éxito que mostrábamos no contenían información suficiente. Se mostraban mediante una imagen y un mensaje, de manera muy visual y con mucha “chispa”, pero ofrecían poca información para entender el trabajo realizado y poder convencer a alguien sobre el valor que habíamos aportado en cada proyecto.
- No existía una llamada a la acción clara. Después de visualizar la home, cualquier persona que hubiera querido contratarnos, habría tenido que buscar el lugar donde poder contactar. En mobile por ejemplo, estaba “escondido” en el menú hamburguesa.
- El modelo de contacto requería realizar un esfuerzo por parte de los clientes, ya que tenían que ir eligiendo opciones hasta encontrar su elección.
- Poca flexibilidad para iterar. El modo en el que estaba diseñada y construida, bajo una plantilla de Wordpress personalizada, nos permitía poca flexibilidad a la hora de crear nuevos bloques de contenido o secciones, para poder realizar test A/B y analizar mejoras en la conversión.
¿Por dónde continuar?
La web que teníamos era atractiva visualmente, con sus efectos WOW! y sus parallax. Sus mensajes estaban muy trabajados y eran muy ingeniosos, pero al final dejaba muchas dudas en el aire e incertidumbres que teníamos que resolver.
En su lugar, optamos por un enfoque más dirigido a la conversión, utilizando diseño conductual (behavioral design) y construimos la web con Webflow, una herramienta no-code, que nos permitiría al equipo de diseño construir más rápido y tener las menos dependencias posibles de nuestro equipo de desarrollo, de cara a cambios que tuviéramos que realizar una vez lanzada, para validar hipótesis.
La nueva estructura
- Un mensaje claro en el Hero, donde la propuesta de valor quedase clara. ¿Por qué deberían contratar a Ole?
- Un listado de ideas que potencien esa propuesta de valor.
- Un módulo en el que recurrimos a los sesgos más potentes que pueden ayudar a una persona a tomar una decisión. En este caso recurrimos al sesgo de influencia social, indicando la puntuación media de valoración y los clientes con los que hemos trabajado.
- Módulo de ruptura de barreras y aclaración de dudas e incertidumbres. En este módulo aclaramos los puntos que podrían evitar que alguien contactase con nosotros, teniendo en cuenta la investigación que realizamos, poniendo en foco que hablar es gratis, que nos adaptamos a los proyectos y que nuestro equipo se implica para que el resultado sea el esperado.
- Módulo presentación de metodología. Aquí destacamos de nuevo el valor de la metodología, la cual se basa en la evolución iterativa de los productos aprendiendo del uso de los mismos. En este módulo resolvemos la incertidumbre, apuntando cuál es nuestro flujo de trabajo.
- Módulos de servicios. Queríamos dar un avance de los servicios que ofrecemos. Después aparecen más detallados en la página “Servicios”.
- Módulo de testimonials. De nuevo recurrimos al sesgo de influencia social, mostrando algunos de los comentarios que recopilamos de las encuestas.
- Módulo área de prensa. Influencia social recurrente: salimos en medios.
- Módulo casos de éxito. La reducción de la incertidumbre es vital y, por eso, es necesario mostrar qué hemos hecho, por qué, cómo y para quién.
- Módulo de contacto. Aunque la sección de contacto de la web anterior nos encantaba conceptualmente, no podíamos replicarla y optamos por una solución que resolviese el problema de que la persona que quería contactarnos prefiriese el trato directo o un email de información. Redujimos los datos obligatorios en el formulario a solo el email y el resto, opcional.
- Componente flotante. Añadimos un componente de “reclamo” animado, que aparece al hacer scroll. Lo hicimos así para que no se solapase con el componente de aceptación de las cookies. En este módulo publicitamos una campaña de ayuda a Pymes y autónomos que ofrece el gobierno de España. El mensaje ofrecido lo trabajamos para incluir los sesgos de oportunidad y escasez, ya que la campaña tiene una cantidad limitada de dinero para ofrecer. Este componente redirige a las personas interesadas a las landings informativas donde ofrecemos varios servicios.
- En el pie de la página posicionamos los enlaces a nuestras redes sociales donde tenemos un papel bastante activo, el enlace al blog, al área de prensa y a las páginas legales.
¿Qué estamos haciendo ahora?
Implementamos Google Analytics y Hotjar y hemos lanzado una campaña de posicionamiento SEM, para ayudar con el impulso en el posicionamiento. Analizamos los datos que vamos recopilando, el rebote, las páginas más visitadas, dispositivos más utilizados, incremento de visitas diarias, etc…Y observamos las grabaciones de Hotjar para estudiar el comportamiento de las personas que llegan a la web.
Conclusiones principales de esta fase
Después del lanzamiento hemos observado un incremento del número de visitas, así como el tiempo que las personas se quedan viendo nuestra web. Hemos conseguido un aumento de los leads, y tenemos más tráfico a nuestros casos de éxito, pero aún nos queda un largo camino de aprendizaje y análisis en la búsqueda de la conversión. Y en eso trabajamos, ¡en evolucionar juntos a diario!
