Una guía rápida para el rediseño de sitios web sin fines de lucro [+mejores prácticas]

Es difícil exagerar la importancia de tener un sitio web de calidad para las organizaciones sin fines de lucro. Todo el alcance, el marketing y los anuncios de una organización deben impulsar a una audiencia a tomar medidas como donar, averiguar sobre servicios o registrarse para obtener información.

Un sitio web efectivo permite que estas acciones sucedan de manera rápida y sin problemas, lo que hace que el camino hacia la conversión para cualquiera de estas acciones se sienta sin esfuerzo.

Por otro lado, los sitios web mediocres en realidad distraen a las audiencias de los objetivos que usted quiere que logren, confundiendo a los visitantes con una navegación que oscurece la información más relevante o sobrecargándolos con demasiados llamados a la acción.

Como expertos en marketing digital, tenemos un proceso básico que usamos como guía cuando comenzamos nuevos proyectos de sitios web sin fines de lucro, asegurando que el producto final sea claro, fácil de usar y, en última instancia, efectivo.

Sumerjámonos.

Las 6 fases de un proyecto de sitio web sin fines de lucro exitoso

1. Descubrimiento

Durante la fase de descubrimiento, su equipo de proyecto definirá sus objetivos y comprenderá las fortalezas existentes, las oportunidades de crecimiento y las audiencias.

Identifique sus objetivos

El primer paso para construir un mejor sitio web es reconocer que lo necesita y determinar los objetivos para los esfuerzos de rediseño. A veces puede mirar los datos para determinar si su sitio actual cumple con sus expectativas.

Comprender las audiencias

Herramientas como Google Analytics pueden ayudarlo a determinar qué acciones o contenido obtienen más o menos tracción con el público para optimizar en consecuencia. La implementación de encuestas de audiencia también puede proporcionar información sobre qué partes de su sitio web pueden estar resonando mejor o peor con sus grupos clave.

Evaluar contenido

A veces, el problema puede tener que ver con la presentación visual de los elementos de su marca; es posible que su sitio solo necesite un lavado de cara general o una accesibilidad mejorada. Las agencias de marketing pueden ayudarlo a auditar y revisar su sitio actual con más detalle para brindarle recomendaciones específicas para guiar y priorizar sus objetivos para su nuevo sitio web.

Auditoría del sitio

En un rediseño completo del sitio, es posible que se requiera investigación como primer paso para informar la estrategia y el diseño. Esto podría implicar realizar una auditoría en profundidad de todo el contenido existente de su sitio actual, así como investigar y documentar cualquier otra plataforma técnica (como sistemas CRM o plataformas de recaudación de fondos en su organización). Esto también podría implicar realizar una investigación más profunda de sus grupos de audiencia y mapear sus necesidades específicas en varias etapas de su viaje al interactuar con su organización.

Auditoría SEO

Una auditoría de SEO es un paso importante para capturar información para la reconstrucción de su sitio, asegurando que las audiencias puedan encontrarlo fácilmente a través de la búsqueda. Una auditoría SEO implica realizar un análisis en profundidad de todos los factores que afectan la visibilidad de un sitio web en los motores de búsqueda. Hacer esta auditoría brinda información completa sobre el sitio web, el tráfico general y las páginas individuales con respecto al estado del sitio y la autoridad general del dominio.

Aquí hay algunas cosas a considerar durante una auditoría de SEO:

• ¿Su sitio admite una estructura de migas de pan?
• ¿Tu navegación tiene sentido?
• ¿Es fácil para los usuarios encontrar contenido importante y relevante en su sitio?
• ¿El contenido llega a la audiencia adecuada y se dirige a palabras clave importantes?
• ¿Hay metadatos correctos en todo el sitio? ¿Etiquetas de título?
• ¿Hay errores de servidor en su sitio?

Si bien estas pueden parecer tareas simples y mundanas, son pasos cruciales para garantizar que su sitio y su marca aumenten la visibilidad orgánica. En general, completar esta tarea puede ayudarlo a garantizar que está alcanzando sus objetivos de tráfico y puede realizar los cambios necesarios en el rediseño del sitio web.

2. Estrategia

Una vez que haya completado su descubrimiento, puede pasar a su fase de estrategia. Aquí, usted y su equipo se sumergirán en la planificación de cómo todo su contenido, incluidas las copias, las imágenes, los videos y cualquier otro recurso, se presentará en el nuevo sitio web.

Estrategia de contenido

Una vez que tenga una idea de quiénes son sus audiencias y cómo le gustaría que interactúen con su información, puede sumergirse en su estrategia de contenido, o la forma en que organizará y desarrollará contenido para que los visitantes interactúen con su sitio. . Esto podría incluir revisar el mapa de su sitio (también conocido como una lista de páginas en un orden jerárquico para su sitio web) y la navegación para que el contenido que es relevante para una audiencia en particular se agrupe, y de una manera que les facilite encontrar la pieza correcta de contenido en el punto correcto de su viaje.

Durante la exploración de su estrategia de contenido, es fundamental tener en cuenta todas las etapas del viaje del usuario de una audiencia. ¿Cómo interactúan las personas nuevas en su sitio y cómo puede facilitarles la vida a los visitantes que regresan?

Como organización sin fines de lucro, querrá compartir diferentes partes de su historia con colaboradores nuevos y existentes; por ejemplo, con visitantes nuevos, puede compartir antecedentes sobre su organización sin fines de lucro, y con colaboradores existentes, puede mostrarles el impacto y los resultados de su organización sin fines de lucro para que puedan ver cómo sus contribuciones son importantes.

Arquitectura informacional

Una vez que la estrategia de contenido general esté en su lugar, puede comenzar a consolidar el rol o la historia que jugará cada página individual. Llevar los mensajes más importantes a la parte superior y permitir que las partes menos urgentes caigan en cascada en la página, construye su arquitectura de información flexible que ayudará a los UXers y diseñadores a dar vida a su historia.

3. UX y Diseño

A medida que avanza en su experiencia de usuario (UX) y fase de diseño, dará vida a todo su descubrimiento y estrategia con imágenes. Al mantener a sus audiencias en mente durante esta fase, podrá satisfacer sus necesidades de la manera más efectiva posible.

El diseño de la experiencia del usuario (UX) viene a continuación, a menudo en forma de prototipos o estructuras alámbricas, para proporcionar una estructura visual para cada página. A veces, estos esquemas también incluyen una copia nocional, que son breves fragmentos de texto para indicar cosas como "El título sobre nuestro programa de donaciones va aquí". Esto puede ser útil para guiar los esfuerzos de redacción posteriores para el contenido del sitio.

Las cosas se vuelven más interesantes y divertidas a medida que se establece la dirección visual y creativa del nuevo sitio web. Los diseñadores pueden recomendar un nuevo enfoque visual para los elementos, colores, fuentes y otros elementos de estilo de su marca. Cuando se aprueba, este enfoque visual se aplica a los diseños y diseños de página para llegar a los diseños de página finalizados.

4. Implementación

En su fase de implementación, notará que los procesos de desarrollo varían un poco según la plataforma. A medida que usted y su equipo trabajen en la implementación de su trabajo, tomarán algunas decisiones que afectarán la facilidad de mantenimiento de su sitio (a través de plataformas sin código o de código bajo versus productos basados ​​en código).

Los diseños, los requisitos, las especificaciones y la copia se combinan con los esfuerzos de desarrollo para dar vida a un nuevo sitio web. Hoy en día, las organizaciones tienen muchas opciones excelentes para considerar: las plataformas sin código, como Squarespace o Wix, pueden hacer que muchas partes del proceso de desarrollo sean tan simples que los desarrolladores no sean necesarios y los costos de mantenimiento se reduzcan considerablemente, a costa de cierta flexibilidad. sobre con qué tipos de integraciones técnicas pueden funcionar bien y cuánta personalización puede ocurrir.

Algunas soluciones, como el CMS de Hubspot, están diseñadas para las herramientas de CRM de HubSpot y ofrecen una solución lista para usar para las organizaciones que desean una interfaz poderosa pero fácil de usar. HubSpot ofrece más de dos docenas de temas para que las organizaciones sin fines de lucro elijan, lo que hace que la personalización y un diseño elegante y una experiencia de usuario estén disponibles en minutos.

Las plataformas más intensivas en desarrollo como WordPress vienen con una mayor inversión necesaria en el proceso de construcción y costos de mantenimiento a largo plazo para cosas como complementos y alojamiento, pero ofrecen infinitas oportunidades para realizar una visión personalizada del sitio web.

5. Pruebas de control de calidad

Una vez que el contenido final se ingresa o se migra a su nuevo sitio, y se ha abordado un enfoque para las publicaciones de blog y las consideraciones de SEO, se pueden realizar pruebas de control de calidad (QA).

Las pruebas de control de calidad pueden verificar que el sitio se presente bien en todos los dispositivos, cumpla con los estándares de accesibilidad, esté optimizado para la velocidad y funcione de acuerdo con los requisitos.

6. Accesibilidad

La creación de un sitio web que no solo sea funcional y esté bien organizado, sino que también sea accesible para todos, se está convirtiendo en el estándar. Como organizaciones sin fines de lucro, es aún más importante atender a todos los públicos, especialmente a aquellos a los que puede estar sirviendo.

Recuerde que la accesibilidad significa adaptarse a todas las discapacidades, no solo a las que son evidentes. Más del 13% de la población estadounidense tiene una discapacidad visual. Hacer el cambio consciente para garantizar que su sitio sea accesible consiste en pequeños cambios, como usar colores adecuados, etiquetas H1/H2 para lectores de pantalla y proporcionar texto alternativo en todas las imágenes y gráficos. Marcar estas casillas contribuye en gran medida a ayudar a todos a tener una experiencia positiva en su sitio.

Una vez que se completan las pruebas de control de calidad, incluidas las comprobaciones de accesibilidad, puede realizar cambios y encontrar soluciones, y luego el sitio está listo para la aprobación final para su lanzamiento.

Independientemente de su plataforma, hay algunos detalles (que a menudo se olvidan) que siempre debe tener en cuenta.

Estos son algunos ejemplos de excelentes sitios web sin fines de lucro sin código y de bajo código.

Ejemplos de sitios web sin fines de lucro sin código

1. 50 estados, 50 subvenciones

Se pone mejor: 50 estados. 50 Becas. La campaña de 5000 voces se construyó usando webflow. Aunque está construido sobre una plantilla, el sitio web todavía tiene un gran movimiento y participación, y representa un sitio web más personalizado.

Área temática: LGBTQIA+

Plataforma del sitio web: Webflow

Sitio web: https://www.50states50grants.com/

2. Beca de marketing RiseUP

RiseUP Marketing Fellowship es una beca de marketing impulsada por un propósito que trabaja para aumentar la diversidad, el acceso y el impacto social tangible en las industrias de marketing y publicidad.

Área temática: Empleo

Plataforma del sitio web: Squarespace

Sitio web: https://www.riseupfellows.com/

Ejemplos de sitios web sin fines de lucro basados ​​en código

1. OPS

OPS inspira, empodera y conecta a una comunidad global mediante películas de alto impacto y narraciones visuales para exponer los problemas más críticos que enfrenta nuestro planeta.

Área temática: Medio ambiente

Plataforma del sitio web: WordPress

Sitio web: https://www.opsociety.org/

2. Hacia el exterior EE. UU.

Outward Bound USA es el proveedor líder de programas de educación al aire libre que permite a los jóvenes explorar su potencial personal desde 1962.

Área temática: Educación

Plataforma del sitio web: WordPress

Sitio web: https://www.outwardbound.org/

3. La Misión Gerson

La misión del Instituto Gerson está anclada en la educación de los alimentos como medicina, reduciendo la exposición tóxica y creando un mundo más saludable donde la Terapia Gerson no sea solo una opción viable, sino un pilar del tratamiento de enfermedades crónicas.

Área temática: Salud

Plataforma del sitio web: WordPress

Sitio web: https://gerson.org/

Errores comunes de los sitios web sin fines de lucro

1. Seguimiento y conversiones

Con demasiada frecuencia, las organizaciones se olvidan de transferir y/o configurar su seguimiento en un nuevo sitio web. Como mínimo, asegúrese de que su Google Tag Manager y Google Analytics estén publicados cuando se lance el sitio web.

Lo más probable es que con la mayoría de las reconstrucciones de sitios web, los elementos y formularios del sitio web hayan cambiado. Es posible que los botones hayan cambiado de color o ubicación y que se hayan agregado nuevas páginas. Cualquier evento personalizado o seguimiento de conversión en su sitio web existente deberá volver a crearse para el próximo sitio web para que no pierda ninguno de sus seguimientos.

No hay nada peor que darse cuenta de que un píxel no se dispara correctamente en mitad de la campaña. Asegúrese de tomarse el tiempo para realizar el control de calidad de su sitio, probar formularios y botones, y ejecutar informes en el momento en que el sitio web esté activo.

2. SEO

Toda empresa necesita una sólida estrategia de marketing, ¡incluso las organizaciones sin fines de lucro! Sin embargo, la mayoría de las organizaciones sin fines de lucro no saben o no han considerado invertir en optimización de motores de búsqueda (SEO), aunque puede tener uno de los retornos de inversión más altos.

¿Cómo espera que sus seguidores, voluntarios y defensores lo encuentren si no invierte en su estrategia de contenido y SEO? Aproximadamente, el 53% de las personas dicen que siempre investigan antes de comprar algo para asegurarse de que están tomando la mejor decisión posible. Esto no es diferente para las organizaciones sin fines de lucro.

Un buen SEO es más vital que nunca para las organizaciones sin fines de lucro con la transformación digital acelerada debido a COVID y el clima político general dentro de los Estados Unidos. Muchos estadounidenses están buscando formas de apoyar a las organizaciones de problemas sociales específicos, lo que destaca la mayor necesidad de un SEO sólido.

3. Accesibilidad

Según la Organización Mundial de la Salud, mil millones de personas, aproximadamente el 15% de la población mundial, viven con algún tipo de discapacidad. Y, aproximadamente el 75% de los estadounidenses con discapacidades informan que usan Internet a diario.

Es importante tener en cuenta que la accesibilidad en el diseño web es mejor cuando se planifica con anticipación, pero se puede remediar de manera significativa en cualquier etapa del ciclo de vida de un sitio web.

Como se mencionó anteriormente, hay pequeños cambios que pueden ser de gran ayuda para ayudar a todos a interactuar con su sitio web, pero algunos de los más importantes son los siguientes:

• Asegúrese de que los colores de su texto/fondos sean amigables para las personas con discapacidades visuales, incluido el daltonismo.
• Cuando esté disponible, redacte una copia específica para textos alternativos en imágenes y gráficos para describir verbalmente lo que alguien más vería.
• Esto también ayuda a las personas que usan lectores de pantalla, tener una voz para describir lo que ven agrega contexto y color a su experiencia en línea.
• El uso de la tecla de tabulación para navegar por su sitio y ver cómo las personas que no pueden moverse con el mouse se relacionarán con su contenido puede iluminar las áreas en las que es posible que se deba trabajar más.
• Y, por último, comprobar si hay discrepancias entre una experiencia móvil y una de escritorio puede ser un gran último paso para asegurarse de que está a la altura de las necesidades de accesibilidad.

En última instancia, el rediseño de un sitio web no es fácil, pero es una decisión comercial inteligente y lucrativa cuando se trata de ayudar a su organización sin fines de lucro a llegar a nuevas audiencias y aumentar el impacto. Un sitio web sólido es fundamental para cualquier marca, pero particularmente vital para las organizaciones sin fines de lucro cuyo objetivo es llegar e inspirar a las audiencias interesadas.