Giter Site home page Giter Site logo

frishlin / stc Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 17.7 MB

Optimización de Landing Page de Save The Children siguiendo el proceso de Research, Design, Prototype para aumentar la suma de donantes, rediseñando su Arquitectura de Información y Formulario de registro y pago.

Home Page: https://marvelapp.com/78c961h

analytics invisionapp research journey user-persona wireframe illustrator instpage

stc's Introduction

Save the Children

Conocer todo el proceso del usuario y mejorar su experiencia para incentivarlo a donar en Save the Children desde su Landing Page.

screen landing

Definición del usuario:

Se define el user persona para dar el enfoque correcto a la Landig Page

user-persona

Customer Journey Map

Se construye el costumer journey map del usuario con la Landing Page actual

Flujo del usuario

  1. Abrir buscador Google
  2. Ingresar palabras: súmate, donativos, niños
  3. La primer opción en el navegador es https://apoyo.savethechildren.mx/
  4. Ingreso datos falsos en la sección “Súmate como...” y aún así, al oprimir el botón “Quiero apoyar” me redirige a la siguiente vista para realizar el donativo.
  5. Vuelvo a ingresar datos falsos para realizar el donativo y al oprimir el botón “Donar ahora”, me envía a la vista de agradecimiento.

Experiencia del usuario

  1. No me sentí cómoda desde que ingreso datos falsos para “Sumarme como...” y me redirige a la vista de donar.
  2. Igualmente no sentí el sitio seguro al no observar seguros en el caso de “transacciones seguras”, por lo cual volví a escribir datos falsos y me mandó la vista de agradecimiento.
  3. Solo por ese hecho, definitivamente no donaría, pues no me genera confianza su sistema de seguridad de pago, que en realidad no se muestra.

journey

Objetivos de Negocio

Se establecen los siguientes objetivos de Negocio

objetivos-negocio

Canvas del Modelo de Negocio

canvas-modelo-negocio

Análisis FODA

analisis-foda

Análisis SMART

analisis-smart

Hipótesis

Estrategia de comunicación positiva para incrementar los donativos y mejorar la experiencia del usuario (seguridad, transparencia) con Save the Children.

Preguntas de Encuesta

  1. Selecciona tu género y rango de edad
  2. ¿Cuáles son tus ingresos mensuales?
  3. ¿Cuentas con tarjeta de crédito/débito?
  4. ¿Alguna vez has donado a una organización sin fines de lucro?
  5. ¿Con qué frecuencia realizarías una donación?
  6. ¿A través de qué medio de contacto te gustaría realizar tu donación?
  7. ¿A través de qué sistema de pago te gustaría hacer una donación?
  8. ¿Qué cantidad estarías dispuesto a donar?
  9. A continuación escribe 3 palabras que relaciones con Save The Children:
  10. Respecto al sitio web que visitaste, el mensaje de Save the Children te parece:
  11. La imagen principal de la página te parece:
  12. El proceso de donación de Save the Children te parece:
  13. De la información que viste en la página ¿Cuál te parece más relevante?
  14. Después de tu experiencia con la página de Save the Children ¿Estarías dispuesto a hacer una donación?

Insights más relevantes

  • Al 63% de los usuarios les pareció poco agradable la imagen principal de la landing page de Save the Children.
  • Al 42.2% de los usuarios les pareció poco claro el mensaje de Save the Children.
  • El 60% de los usuarios no donarían después de su interacción con la landing page de Save the Children

Necesidades del Usuarios

  • 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.

Oportunidades y Mejoras

  • Rediseñar la Landing Page cambiando las imágenes tristes por imágenes de niños felices, haciendo énfasis al círculo rojo, que es símbolo de unión y protección
  • Estrategia de comunicación
  • Estrategia de fidelización
  • Redes Sociales
  • Formulario de registro y donación
  • Transparencia
  • Enfoque positivo
  • Destacar fortalezas de la institución

Propuesta de solución

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

Backlog

  • Navbar
  • Vista principal
  • Formulario
  • Sobre los programas de STC
  • Agradecimiento y redes sociales
  • Datos de contacto

Wireframe

wireframe

Algunas propuestas de fidelización

fidelizacion fidelizacion fidelizacion fidelizacion fidelizacion fidelizacion fidelizacion fidelizacion fidelizacion fidelizacion

Herramientas

  • Instapage
  • Google forms
  • Illustrator CS6
  • Invisionapp

stc's People

Contributors

frishlin avatar

Watchers

 avatar

stc's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.