Cómo redactar un caso práctico de diseño web que realmente atraiga a los clientes

La mayoría de los diseñadores web cometen el mismo error al redactar casos prácticos.

Se centran en lo que hicieron, en lugar de en por qué era importante.

Un caso práctico no es solo un resumen de tu proyecto. Es la prueba de que tu trabajo resuelve problemas empresariales reales. A los clientes potenciales no les interesa que hayas creado una nueva página de inicio o que hayas mejorado la velocidad del sitio web; lo que quieren saber es qué impacto han tenido esos cambios.

Quieren ver una transformación.

Hablemos, pues, de cómo redactar un caso práctico que no solo sirva para completar tu portfolio, sino que realmente te ayude a conseguir un trabajo.

Empieza por el problema

Todo buen caso práctico parte de un problema claro y convincente.

Imagina una pequeña tostadora de café artesanal, Golden Bean Coffee. Llevan años perfeccionando su oficio, seleccionando granos de los mejores productores del mundo y ganándose la fidelidad de una clientela local. ¿Pero su página web? Es un desastre.

A los clientes les cuesta mucho navegar por la web. El proceso de pago resulta frustrante. Sus ventas por Internet son prácticamente inexistentes.

Y ese es el verdadero problema: no es que la página web tenga mal aspecto, sino que les está haciendo perder dinero.

Si tu caso práctico empieza con una frase como:

«Golden Bean Coffee necesitaba una nueva página web».

Ya has perdido a tu lector. No hay tensión, ni ningún motivo para que le importe.

En su lugar, prueba algo como esto:

«Golden Bean Coffee había creado un próspero negocio local, pero su tienda online contaba una historia muy diferente. A los clientes les costaba mucho navegar por la web y se acumulaban los carritos abandonados. Su página web les estaba haciendo perder ventas, así que nos llamaron».

Ahora estamos comprometidos. Entendemos por qué era importante el proyecto.

Explica por qué la antigua página web no funcionaba

Antes de ponerte manos a la obra con el rediseño, describe con claridad qué es lo que no funcionaba. No te limites a decir que la página web estaba desactualizada: explica en qué medida perjudicaba al negocio.

Quizá iba lento. Quizá la navegación resultaba confusa. Quizá no estaba optimizada para dispositivos móviles.

En el caso de Golden Bean Coffee, digamos que:

«Los visitantes echaban un vistazo a la tienda, pero se marchaban sin comprar nada. La página tardaba demasiado en cargarse y las páginas de productos ocultaban detalles clave. A los usuarios de dispositivos móviles les resultaba aún más complicado: la mitad de ellos abandonaba el carrito antes de finalizar la compra. Cada día se perdían ventas potenciales».

Ahora podemos ver cuál es el problema. Sentimos la frustración. Y eso significa que nos importará encontrar una solución.

Explica tu enfoque (sin utilizar jerga)

Una vez que hayas planteado el problema, es el momento de presentar tu solución.

Aquí es donde muchos diseñadores web se equivocan. Empiezan a enumerar detalles técnicos:

«Hemos actualizado la navegación, mejorado la velocidad de la página web y optimizado el proceso de pago».

Es cierto desde el punto de vista técnico, pero no tiene ningún interés. No nos explica por qué esos cambios eran importantes.

En su lugar, explica tu razonamiento. ¿Por qué hiciste esos cambios? ¿Cómo mejoraron la experiencia de los usuarios reales?

Para Golden Bean Coffee:

«Hemos simplificado la navegación para que los clientes puedan encontrar sus tuestes favoritos más rápidamente. Hemos reestructurado las páginas de productos para destacar las notas de cata, los detalles sobre el origen y los consejos de preparación, lo que ha permitido convertir a los visitantes ocasionales en compradores seguros de sí mismos. Además, hemos rediseñado el proceso de pago, haciéndolo más accesible desde el móvil y sin complicaciones».

Esto sigue siendo sencillo y fácil de entender, pero ahora podemos ver el impacto de tus decisiones de diseño.

Haz que la transformación sea innegable

Tu caso práctico debe mostrar un contraste claro entre la situación anterior y la posterior. No te limites a decir que la nueva página web tiene mejor aspecto: demuestra que funciona mejor.

Aquí es donde los resultados cuentan. Quizá hayan aumentado las ventas. Quizá haya bajado la tasa de rebote. Quizá haya aumentado la participación de los clientes.

En el caso de Golden Bean Coffee, la transformación podría ser algo así:

«Gracias a una experiencia de compra más rápida, clara e intuitiva, las ventas no solo mejoraron, sino que se dispararon. Los ingresos online se duplicaron en los tres primeros meses. Las compras a través del móvil aumentaron un 60 %. Los clientes ya no se limitaban a echar un vistazo, sino que compraban».

¿Ves lo concreto que es eso? Aunque no dispongas de métricas precisas, puedes destacar los cambios de comportamiento. Quizá hayan disminuido las solicitudes de asistencia relacionadas con la página web. Quizá el propietario del negocio te haya dicho que por fin se siente orgulloso de dirigir a la gente a su página. El objetivo es que la transformación se perciba como algo real.

Dejemos que el cliente tenga la última palabra

Un buen caso práctico termina con la perspectiva del cliente. Un testimonio es más que una simple prueba social: refuerza el impacto de tu trabajo con sus propias palabras.

Si tu cliente dice:

«Nos encanta nuestra nueva página web».

Está bien, pero no dice gran cosa.

Si dicen:

«Nuestras ventas por Internet nunca han ido mejor. El proceso de pago es fluido, a los clientes les encanta el nuevo diseño y, por fin, estamos viendo el crecimiento que esperábamos».

Vaya, eso sí que es impresionante. Demuestra que el proyecto no solo cambió la página web, sino que transformó su negocio.

Ponlo todo en su sitio

A estas alturas, tu caso práctico debería parecer una historia de transformación, no solo una lista de resultados.

  1. Empieza por plantear un problema interesante

  2. Explica por qué la antigua página web no funcionaba

  3. Explica tu enfoque de forma que resulte fácil de entender.

  4. Haz que el contraste entre el «antes» y el «después» sea innegable

  5. Termina con un mensaje clave que el cliente debe recordar

Y, por último, termina con una invitación.

No tiene por qué ser un argumento de venta agresivo. Tampoco un «Contrátame ya». Algo sutil pero eficaz, como:

«Una página web debería funcionar con la misma fluidez que la empresa a la que representa. Si la tuya no lo hace, hablemos».

Porque, al fin y al cabo, un buen caso práctico no se limita a mostrar tus habilidades.

Hace que tu próximo cliente piense: «Eso es justo lo que necesito».

Tus próximos pasos

  1. Utiliza este esquema para tu próximo caso práctico.

  2. Céntrate en la transformación, no solo en las tareas.

  3. Compártelo donde lo vean los clientes potenciales: tu página web, LinkedIn, tu lista de correo electrónico.

Y si ya tienes un caso práctico, deja un enlace en los comentarios. Me encantaría echarle un vistazo y darte mi opinión.

Omari Harebin

Omari Harebin es el fundador de SQSPThemes, uno de los recursos independientes sobre Squarespace más veteranos de la red. Durante más de una década, ha ayudado a otras personas a crear y hacer crecer sus proyectos en Squarespace. En la actualidad, su trabajo se centra en ayudar a los diseñadores independientes de Squarespace a consolidar sus negocios, conseguir mejores proyectos y situarse en un segmento de mercado más exclusivo.

https://www.omariharebin.com
Anterior
Anterior

Ya lo has hecho antes. Puedes volver a hacerlo.

Siguiente
Siguiente

Potencia tu marca personal con Squarespace: vende cursos de formación, lanza un podcast y muestra tu experiencia