Rediseñar una web que ofrece software de creación de anuncios basados en inteligencia artificial plasmando su propuesta de valor de manera que los usuarios puedan percibir el potencial del producto.
El objetivo de este proyecto era rediseñar la web de Dolnai que ofrecía un software de creación de anuncios basados en inteligencia artificial, consiguiendo transmitir mejor su propuesta de valor para que los usuarios consiguieran entender el potencial de la herramienta y sus características.
El reto principal consistía en, primero, detectar los pain points actuales de la web y cómo formar un storytelling en el que los usuarios pudiesen percibir el potencial de la herramienta y entender cómo les puede ayudar en su ámbito profesional.
Un punto clave que nos pedía el cliente era la importancia del diseño visual en la nueva web. Un diseño que acompañara a la propuesta de valor definida.
En este proyecto era muy importante conocer bien en qué consistía el software de creación de anuncios que ofrecían. Al ser un sector que desconocíamos totalmente, fue clave las sesiones de co-creación que realizamos con el cliente para entender varios puntos.
Realizamos dos sesiones; la primera fue un kick-off con el objetivo de que el cliente nos contara el valor de este software y entender a quién estaba dirigido. En ella pudimos sacar hipótesis que nos ayudarían luego a definir la estrategia. Además, conocimos quiénes serían nuestra competencia, quiénes eran aquellas empresas/marcas en las que teníamos que fijarnos para analizarlas. También definimos al usuario al que nos estábamos dirigiendo, en este caso serían SEM Manager tanto de agencia como de cliente.
La segunda sesión fue orientada a definir la propuesta de valor. Para ello lo primero que debíamos hacer era entender las necesidades que tenía nuestro usuario tipo para así poder sacar oportunidades y pain points. A través del ejercicio de ‘Jobs to be done’, sacamos necesidades funcionales y emocionales y, agrupándolas por afinidad y votando con el cliente cuál caracterizaba mejor al producto, sacamos los valores que definirían la propuesta de valor.
Otro ejercicio que realizamos en esta sesión fue el de generar verdades y mensajes comerciales en base a unos ejes de valores (usamos los que habíamos sacado anteriormente). Este ejercicio especialmente me parece muy valioso ya que es una forma de tener copies bien definidos ya que, quién mejor que el propio cliente para generarlos.
Analizamos a la competencia con el objetivo de ver cómo plasmaban su propuesta de valor, explicando los beneficios y las características del software. Estos ejemplos nos ayudaron a inspirarnos a la hora de conceptualizar la propuesta de valor en la web y la estructura de la misma.
Realizamos unos wireframes a mano de las páginas principales para esquematizar cómo ibamos a plantear el storytelling a lo largo de la web.
Para asegurarnos de que el diseño visual que íbamos a plantear estaba alineado con lo que el cliente esperaba, presentamos tres propuestas aplicando el estilo a un ejemplo de encabezado para que, de esta forma, pudiesen ver cómo la gama y las tipografías planteadas quedaban aplicadas en contexto.
La propuesta escogida estaba basada en su propia marca. Su logo era un delfín porque era el animal más inteligente en todo el océano, al igual que su software en el mercado de creación de anuncios; y en ello nos inspiramos para crear la gama de colores. Una gama de azules y verdes como principal y secundario que evocaban a al mar y su flora, añadiendo uno de acento en tono rojo anaranjado que era un color presente en el mar como corales y peces. En cuanto a las tipografías, la elegida para los títulos, la Andada Pro, sería con serifa dando ese carácter de elegancia y que a la vez nos acompañara en esa visual del mar y la fluidez. Así mismo, elegimos la Nunito Sans para los párrafos ya que funcionaba bien con la elegida para los títulos y mantenía también esa fluidez que buscábamos relacionada con el mar.
Utilizaríamos formas curvas en los elementos de la web acompañándolos con ondas que nos ayudarían a acentuar ciertos puntos. También haríamos uso de infografías a la hora de contar el producto ya que el software para crear anuncios no tenía una interfaz atractiva. Estas infografías, junto con animaciones, nos acompañarían en el storytelling creado a lo largo de toda la web.
Basándonos en los valores que sacamos en la sesión de propuesta de valor, lo que queríamos era que nuestro usuario tipo pudiera percibirlos al entrar en la web. Vimos importante remarcar el social proof, que era algo que anteriormente no estaban haciendo. Apoyándonos también en casos de éxito.
También tratamos de explicar de forma concisa cuáles eran aquellos beneficios que aportaba el software a un perfil como era el del SEM Manager apoyándonos en aquellos valores que definían nuestra propuesta de valor. Después de esto, ayudaríamos a seguir creando valor hablándoles al usuario de las funcionalidades más highlights que podía encontrar en el software.
Puedes visitar el prototipo aquí.
Para la materialización de este proyecto utilizamos Webflow como herramienta no-code ya que nos permitía recrear fácilmente las interacciones que planteamos para que acompañaran al storytelling de la web. Igualmente, en este caso, al tener casos de éxito y un blog nos venía genial utilizar el CMS de Webflow por su versatilidad y fácil funcionamiento, sobre todo luego pensando en que este contenido sería subido por el cliente.
Una vez entregado el proyecto, el cliente realizó algunas modificaciones de copies y de infografías pero en su gran mayoría la web en producción se mantenía como la habíamos planteado (puedes verlo aquí),
Con este proyecto pude aprender mucho sobre todo del sector de la creación de anuncios y su dificultad. Una vez más, percibí la importancia de realizar sesiones con el cliente y entender los beneficios de su producto para así poderlo plasmar en la estrategia de la web.