Skip to content

Nuestro trabajo consistió en mejorar la landing page de Save the Children México de modo que las búsquedas pagadas se convirtieran en donantes. Participé en mi squad haciendo la propuesta de Arquitectura de la Información ganando el premio "Una de las 5 mejores" @Laboratoria.

Notifications You must be signed in to change notification settings

denimux/save_the_children_mx

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 

Repository files navigation

screencapture-savethechildren-landing-pagedemo-co-2018-03-23-13_56_59

SAVE THE CHILDREN MEXICO

LANDING PAGE

  • Karla Miranda - PO
  • Maria Cravioto - UX Research
  • Ana Tamayo - UX Research
  • Angélica Rivera - UX Research
  • Deni Morales - UI/AI
  • Marisol Juárez - UI

Objetivo General

Transformar el tráfico que llega del Paid Search en conversiones y donaciones en la Landing page.

Landing page original

Propuesta de valor

  • Estrategia de comunicación con enfoque positivo para incrementar los donativos

  • Mejorar la experiencia del usuario ofreciendo confianza y transparencia con Save the Children.

Herramientas Metodológicas:

  • Para entender el modelo de negocio
    • Bussiness Model Canvas
    • Objetivos de negocio
  • Análisis DOFA
  • Análisis de Pareto
  • Objetivos SMART
  • Para medir la experiencia del usuario
    • Entrevista moderada.
    • Estudio multicanal: landing page y web institucional STC.

Investigación

Business Model Canvas

Customer Journey

Análisis DOFA

Análisis de Pareto

Insights

  • Al 63% de los usuarios les pareció poco agradable la imagen principal
  • Al 42.2% de los usuarios les pareció poco claro el mensaje
  • El 60% de los usuarios no donaría

Preguntas del cuestionario

Análisis de las respuestas

Percepciones Cualitativas

Objetivos del Usuario

  • Satisfacer la necesidad de transparencia.
  • Garantizar un proceso de donación y tratamiento de los datos personales seguros.
  • Proceso de donación intuitivo.
  • Información concisa y clara.
  • Imágenes que motiven a reforzar la sensación de altruismo y no de culpa o que exploten el chantaje y el morbo.

Borrador landing page

Propuesta de landing page

Wireframe STC landing page

  • Diseño limpio

Buscamos obtener una interfaz clara y sencilla que cumpla dos propósitos: recolectar datos (nombre y correo electrónico) y obtener donativos.

  • Información concreta y clara

La página original estaba sobrecargada de información. Se redujo dramáticamente la cantidad de texto y se optimizó espacio y la calidad de la información dando peso significativo a las imágenes.

Se eliminó la explicación de cómo se maneja el dinero en la institución, pues aunque para Save the Children es importante que se le reconozca el manejo transparente de sus recursos, el modo en que se manejaban los datos y las cifras no les decían mucho a los usuarios. En un país como el nuestro, plagado lastimosamente de corrupción, las y los ciudadanos están acostumbrados al trato mañoso de cifras, por lo que las explicaciones, más que tranquilizarles les dejaba con más dudas o simplemente era una información que no leían o a la que no le daban relevancia.

A la institución le interesa que el público conozca los más de 20 actividades y programas que llevan a cabo en todo el país, sin embargo, elegimos los tres programas más llamativos y sugerimos dara conocer el resto a través de boletines vía correo eletrónico o invitaciones a visitar el blog. Esto aportaría información al usuario pero también propiciaría una mayor cercanía y percepción de honestidad y "rendición de cuentas".

La historia de la institución era otro apartado que los usuarios no leían. Se sugirió en su lugar, mencionar la antigüedad y marco de creación de Save The Children (casi 100 años, durante la Primera Guerra Mundial) y una cita de la fundadora Eglantyne Jebb acompañada de una imagen más cálida que representara los valores que la caracterizaban y sobre los cuales se fundó la organización. Por decisión de la PO se omitió completamente este apartado en la versión final.

  • Formulario sencillo

Se diseñó un formulario breve, minimalista pero amigable, que inicialmente solicite dos sencillos datos: nombre y correo electrónico; al ingresar aparece un mensaje que indica que esos datos fueron guardados y que puede continuar con el proceso de donación con dos escenarios posibles:

a) El usuario continúa el proceso de donación: se despliega de manera lateral el formulario de datos bancarios.

b) El usuario se retira del proceso de donación: recibe automáticamente un correo electrónico invitándole a concluir el proceso y explicando por qué su donativo es importante para la institución y lo que se podría lograr a través de éste.

El cliente nos solicita que el formulario pida el teléfono en primera instacia pues afirma que más del 90% de los donativos de la página web terminan realizandose vía telefónica. Aunque no hubo una pregunta específica en el cuetionario, durante las entrevistas moderadas fue recurrente una reacción negativa al llegar a este punto. Las y los usuarios preguntaban con molestia por qué lo pedían o directamente decían que es una información que no deseaban ofrecer, por ello colocamos la casilla de teléfono en la segunda parte del cuestionario.

Nos encontramos con la dificultad de que la herramienta que elegimos para montar la landing page (instapage) no nos permitió realizar la idea como la teníamos planeada, de modo que dejamos ambas partes del formulario visibles y la interacción de desplegar la dejamos como segundo alcance.

  • Imágenes con un enfoque positivo donde se muestre el trabajo de Save The Children

Uno de los insights más importantes fue que la gente no conectaba con las imágenes presentadas en la página original. Ofrecimos imágenes de niñas y niños felices y en actividades relacionadas con los programas principales de Save the Children.

Captura de pantalla de prototipo Landing page

Video de prototipo funcionando

About

Nuestro trabajo consistió en mejorar la landing page de Save the Children México de modo que las búsquedas pagadas se convirtieran en donantes. Participé en mi squad haciendo la propuesta de Arquitectura de la Información ganando el premio "Una de las 5 mejores" @Laboratoria.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published