13 ejemplos de sitios sin fines de lucro y de caridad usando Divi

Las organizaciones benéficas y sin fines de lucro han recurrido a la web para hacer llegar su mensaje al público y compartir las noticias sobre el trabajo que realizan. Por supuesto, esto significa que necesitan sitios web para mostrar su información, compartir sus noticias, solicitar trabajadores y voluntarios y solicitar donaciones. Varias de estas organizaciones tienen sitios web creados con Divi . En este artículo, echamos un vistazo a 13 ejemplos de sitios de caridad y sin fines de lucro que usan Divi.

Ya sea que necesite inspiración para los sistemas de donación, el uso de imágenes, videos, diseños, etc., estos 13 sitios web sin fines de lucro y de caridad seguramente tendrán algo que lo ayudará con la inspiración para su próximo diseño. Los sitios web no están en ningún orden en particular.

1. Ayuda mundial

World Help incluye un mega menú con estilo con CTA (llamada a la acción), tarjetas de patrocinadores dentro del menú desplegable y una línea azul con sombra para diferenciar el menú del resto de la página. La imagen de pantalla completa tiene un cuadro de donación en una superposición que usa un widget de donación. Un chat en vivo permanece en la pantalla al desplazarse. La siguiente sección proporciona enlaces a páginas e incluye efectos de desplazamiento. Las siguientes secciones incluyen una búsqueda de niños para ayudarlo a elegir a quién patrocinar, un mapa mundial interactivo, publicaciones de blog, suscripción a boletines y pies de página personalizados con enlaces e íconos. El sitio hace un excelente uso del color y el diseño de diseño.

2. Fundación de la Casa de la Luz

Light House Foundation muestra un control deslizante de imagen de pantalla completa con CTA, una barra de menú superior con enlaces, una sección con CTA, una sección de cuatro columnas con enlaces que muestran su enfoque, una sección en parallax que muestra proyectos anteriores, una sección sobre el equipo que usa un control deslizante, una sección que muestra los socios y un pie de página con enlaces. Las donaciones se manejan a través del complemento Total Donations. El sitio hace un gran uso del color y las superposiciones.

3. Cura Brasil

Cura Brasil muestra una imagen de fondo de pantalla completa con el logotipo en colores de diseño plano. Un CTA permanece en la parte inferior de la pantalla y muestra un logotipo y un botón de donación que cambia de color lentamente. El desplazamiento revela un video de pantalla completa con estilo de sección, una sección acerca de con uso artístico de paralaje verdadero y un CTA, una sección con estadísticas, una sección de equipo con un gráfico que muestra el número de miembros del equipo por categoría, una sección con estilo con botón de aplicación y formulario de suscripción. El sitio es un gran ejemplo del uso de Flat Design y el uso de parallax.

4. Ayuda en la jungla

Jungle Aid incluye una imagen de ancho completo con eslogan, una sección acerca de con texto y video incrustado, una sección de cuatro columnas que muestra sus servicios dentro de anuncios publicitarios, una sección con estadísticas de progreso, blog, logotipos de patrocinadores que se muestran dentro de un control deslizante, suscripción de ancho completo formulario, imagen de pantalla completa y enlaces. Algunas de las secciones incluyen imágenes apropiadas, como plantas y herramientas médicas, en ambos lados de la pantalla en paralaje. El menú incluye un CTA. El sitio hace un gran uso del color y los iconos.

5. Curso de Familias

El curso de familias muestra una imagen de pantalla completa con un eslogan. El desplazamiento revela un menú, una sección acerca de con imagen y texto, una sección con tres anuncios publicitarios estilizados, varias secciones con texto e imágenes alternas, un testimonio sobre una imagen con superposición en paralaje seguido de una sección con el logotipo de la empresa. El sitio hace un uso excelente del color y las fuentes.

6. Sillas de ruedas contra armas

Wheelchairs Against Guns muestra una imagen de pantalla completa con el logotipo, la declaración de misión y el CTA en paralaje. El desplazamiento muestra el menú con CTA, una sección con estilo con estadísticas, una sección acerca de con texto y video incrustado, una sección de información, testimonios, una CTA de soporte con íconos sociales e información de contacto. El sitio hace un gran uso del color y el estilo de las secciones.

7. La promesa de acabar con el acoso escolar

The Pledge To End Bullying tiene una imagen de pantalla completa con superposición, logotipo, eslogan, declaración de misión y botones para cada una de las regiones cubiertas. El desplazamiento revela una sección con logotipos de patrocinadores y una sección de dos columnas acerca de. No incluye un menú o pie de página hasta que haga clic en una región. Las páginas regionales incluyen una sección de información con video incrustado, un formulario de registro, estadísticas y mucha información. El menú superior incluye enlaces.

8. Donación de autos

Car Donation muestra una imagen con fondo, CTA, información e información de contacto, por lo que todos los detalles más importantes se colocan «en la mitad superior de la página». El desplazamiento muestra íconos con instrucciones paso a paso, información con información de contacto y CTA, una sección que muestra cómo se usa la donación, una sección de información sobre la organización benéfica con CTA y un pie de página personalizado con enlaces. El sitio hace un gran uso de imágenes, colores y fuentes apropiados.

9. Proyecto Global de Autismo

Global Autism Project muestra un logotipo extra grande sobre el menú que desaparece al desplazarse. Se puede hacer clic en la imagen de pantalla completa e incluye un mensaje para los lectores. El menú incluye un CTA. Los botones sociales y un cuadro de chat permanecen flotando en la pantalla. Después de esto, hay un formulario de registro de ancho completo, una imagen de ancho completo con información, un CTA, información sobre cómo trabajar con ellos, un control deslizante de blog y un formulario de registro. Las donaciones se manejan a través de un formulario Donately integrado. El sitio hace un buen uso de los colores e íconos de la marca.

10. Cofre comunitario Camas Washougal

Camas Washougal Community Chest incluye un control deslizante de imagen de pantalla completa con declaración de misión y CTA. El desplazamiento revela una sección acerca de con iconos de bloques grandes como enlaces a varias páginas. Después de esto, hay una sección acerca de con CTA y pie de página, ambos con fondos de colores de marca. Los formularios son PDF descargables. El sitio es simple y mantiene un diseño limpio.

11. Servicios Juveniles Frontenac

Frontenac Youth Services incluye una imagen de pantalla completa con CTA. La imagen tiene un aspecto rasgado en la parte superior, lo que le da un aspecto estilizado. Una barra de mensajes con información de contacto permanece en la parte superior de la pantalla y el lector puede cerrarla y abrirla. La siguiente sección utiliza imágenes estilizadas con enlaces a servicios. Una sección de dos columnas muestra una CTA de donación y un gráfico de barras seguido de una CTA en paralaje y una superposición, y una sección de blog. La página de Historias de éxito utiliza un diseño interesante con fondos y superposiciones. El fondo se muestra a través del título mientras que el artículo usa una superposición. Los artículos se muestran con varios diseños de columnas. El sitio hace un gran uso de imágenes, colores y fondos.

12. Fundación God Freds

La Fundación GodFreds muestra una cuadrícula de páginas con enlaces a las distintas páginas. Después de esto, hay una sección de blog, un video incrustado, estadísticas que usan contadores de círculos y un pie de página con enlaces, búsqueda y feeds de Facebook. Las donaciones se manejan a través de un formulario de donaciones totales. La página de voluntarios utiliza un diseño de dos columnas con un formulario de WuFoo integrado y una columna de preguntas frecuentes con estilo. El diseño del sitio es simple y utiliza colores llamativos que combinan con la marca.

13. mortero

Mortar muestra una imagen de pantalla completa con el logotipo y el eslogan en paralaje. El desplazamiento revela un menú de ancho completo, una sección acerca de que incluye un video incrustado, una sección de información con texto y una imagen, una sección con estadísticas que usa el mismo diseño de marca que el logotipo, una sección de información seguida de notas publicitarias e información de contacto. . Entre varias secciones hay una sección con citas de los medios en paralaje. WooCommerce se utiliza para la tienda. Las donaciones se manejan a través de PayPal. El sitio hace un gran uso de la marca de color.

Pensamientos finales

Estos 13 ejemplos de sitios web sin fines de lucro y de caridad creados con Divi demuestran que Divi se puede usar para crear diseños interesantes para cualquier tipo de sitio web de caridad, ya sea un simple folleto o un sitio con un sistema de donación, eventos e incluso cursos. – no importa cuán complejo o simple.

Estos sitios son excelentes para brindar ideas para sistemas de donación, diseños, colores, imágenes, videos, íconos, efectos, navegación y más. Estos sitios web seguramente lo inspirarán para su próximo diseño sin fines de lucro. Si está buscando más consejos sobre cómo diseñar su sitio web sin fines de lucro, consulte estos consejos de diseño web sin fines de lucro .

¿Cuáles son algunos de tus elementos favoritos de estos sitios de caridad y sin fines de lucro de Divi ? ¡Háganos saber en los comentarios a continuación!

Imagen destacada a través de VLADGRIN / shutterstock.com