Equipo
Equipo de Marketing de P2C
Entregables
Diseño y desarrollo de sitio web corporativo
Rol
Líder de proyecto, dirección de diseño web, investigación UX, diseño UX, desarrollo en WordPress, pruebas del sitio web.
Power to Change (P2C) es la organización paraguas de 11 ministerios. El equipo de Marketing de P2C buscaba reemplazar el antiguo sitio web corporativo de la organización para adaptarlo mejor a las necesidades de su audiencia y darle una renovación muy necesaria. El sitio web ha sido actualizado desde la implementación de este diseño.
EL PROCESO
Descubrimiento
Investigación
Prototipado
Pruebas
Librerias
Prototipos de Alta Fidelidad
Pruebas Adicionales
Entrega
Lanzamiento
DESCUBRIMIENTO
¿Cuál es el objetivo?
Diseñar y desarrollar un sitio web corporativo que atraiga a una generación más joven de donantes en línea y aumente el reconocimiento de marca de la organización.
¿Cómo se ve el éxito?
Aumento en el número de visitas a la página, aumento en las donaciones en línea, y aumento en interacciones clave como las suscripciones por correo electrónico.
¿Quién es el público objetivo?
El público principal son jóvenes cristianos en Canadá de entre 18 y 35 años. El público secundario son seguidores existentes ya familiarizados con la organización.
CONCEPTO
P2C es la organización paraguas de 11 ministerios, es decir, de 11 marcas distintas. Uno de los principales desafíos al diseñar y construir el sitio web fue lograr representar correctamente a cada uno de los ministerios, manteniendo al mismo tiempo una experiencia de marca cohesiva.
Al ser una organización con trayectoria, también queríamos conectar con generaciones más jóvenes que no estaban tan familiarizadas con la marca como sus padres. Para lograrlo, optamos por una estética simple, moderna y colorida, asegurándonos de que la capacidad de respuesta en móviles fuera una prioridad absoluta.
INVESTIGACIÓN
Antes de comenzar con el diseño conceptual, mi colega y yo realizamos investigación UX entre nuestro público objetivo. Parte de la investigación incluyó revisión de artículos, entrevistas personales y una encuesta. Algunos de los principales hallazgos fueron que las generaciones más jóvenes encontraban el sitio web anterior difícil de navegar, poco accesible y, en general, poco atractivo estéticamente, por lo que los participantes evitaban visitar el sitio más de una vez.
Además, miembros de nuestra propia organización habían evitado usar el sitio web corporativo como herramienta de recaudación de fondos por las mismas razones y porque sentían que su ministerio en particular no estaba siendo representado de forma efectiva. Esto era especialmente preocupante, ya que contar con un sitio web creíble era una parte clave de la estrategia de recaudación de fondos de la organización.
ARQUITECTURA
Para hacer el sitio intuitivo y fácil de usar, decidimos organizar la información según las principales acciones que los usuarios podían realizar en el sitio web. En concreto, organizamos la información en 5 categorías: “Conocer”, donde los usuarios pueden aprender todo sobre la organización y sus ministerios; “Recibir”, donde pueden encontrar todo tipo de recursos útiles; “Servir”, una sección donde pueden postularse como voluntarios, participar en viajes misioneros o donar; “Donar”, que es uno de los principales llamados a la acción; y “Blog”, que se explica por sí solo.
FLUJO DE USUARIO
El objetivo era crear un flujo de usuario que ayudara a cumplir uno (o ambos) de los dos objetivos principales del sitio web: donar o conocer más sobre la organización y aumentar el reconocimiento de marca.
MAPA DEL SITIO
WIREFRAMES
La planificación de wireframes fue un elemento clave, no solo para ayudar a crear una experiencia UX efectiva, sino también para unificar las marcas distintivas de los 11 ministerios. Dado que cada ministerio tenía su propio logo, colores, mensaje y tipografías, decidí crear una estructura de wireframe similar entre todas las páginas de los ministerios, con el fin de mostrar una imagen unificada que presentara a todos los ministerios como parte de la misma organización.
Esto también ayudó en el proceso de desarrollo, ya que era importante contar con elementos de diseño estandarizados que pudieran replicarse fácilmente en código.
PROTOTIPADO DE ALTA FIDELIDAD
Se utilizaron herramientas como Sketch, Illustrator y Photoshop para crear prototipos de alta fidelidad. Durante todo el proceso de diseño, recogimos retroalimentación de las partes interesadas.
ELEMENTOS DE DISEÑO
GUÍA DE ESTILO
PRODUCCIÓN Y LANZAMIENTO
Para la producción del sitio web, estuve a cargo de desarrollar el front-end, mientras que el equipo de TI se encargó del back-end, así como de la plataforma de donaciones. Para desarrollar el front-end utilicé WordPress CMS, HTML, CSS, JavaScript y PHP. Se realizaron diversas pruebas de rendimiento y de usuario antes del lanzamiento. También implementamos Google Tags y Analytics para ayudarnos a medir el éxito del sitio web.
El lanzamiento fue un gran éxito entre el personal de la organización, y poco después otros ministerios comenzaron a pedirle al equipo de Marketing de P2C que desarrollara nuevos sitios web para ellos (lo cual ayudó a aumentar la confianza en la cultura corporativa). Además, nuestras visitas en línea aumentaron, y logramos crear campañas en línea exitosas que resultaron en cifras de donaciones en línea nunca antes vistas.