Este documento ofrece orientación sobre cómo diseñar un sitio web para una organización sin fines de lucro. Explica que el sitio debe comunicar la visión, los objetivos y los logros de la organización, así como proporcionar información de contacto. Además, recomienda incluir una estructura básica con navegación, logotipo, contenido y buenas prácticas de diseño para informar e inspirar a la audiencia sobre la causa que representa la organización.

1. ´
Diseño Web para No Diseñadores
María José Greloni | Daniel Priego

2. ...un sitio web?

3. Objetivos de mi sitio
Difundir una causa, recibir donaciones, comunicar logros,
publicar información de contacto.

4. ¿Qué tipo de sitio necesito?

5. Difunde causas y logros

6. Informa, comunica noticias y difunde causas

7. Cuenta una causa e invita a donar

8. Publica noticias relacionadas con una causa

9. Audiencia
○ ¿Quién?
○ ¿Por qué?
○ ¿Cómo?
○ ¿Cuándo?

10. Contenidos
○ Visión y Misión
○ Objetivos
○ Datos de contacto
○ Fotografías
○ Videos
○ Reconocimientos/
logros

11. Construcción del
sitio
○ Mapa del sitio.
○ Elementos básicos.
○ Programación.
○ Buenas prácticas.

12. Mapa del sitio
Home
Nosotros Iniciativas ContactoVoluntarios
○ Home: Bienvenida e información sobre la Organización.
○ Nosotros: Presentación de objetivos, miembros y logros.
○ Iniciativas: Causas en las que trabaja la Organización.
○ Voluntarios: Miembros participantes e información para postularse.
○ Contacto: Ubicación y datos para comunicarse con la Organización.

13. Elementos básicos de un sitio
¿En dónde estoy y hacia dónde puedo ir?

14. Navegación
Nosotros Iniciativas Voluntarios Contacto
Home Nosotros Iniciativas Voluntarios Contacto
Home
Usted se encuentra aquí:
Nosotros
Home Nosotros Iniciativas Voluntarios Contacto
Usted se encuentra aquí:
Nosotros > Mesa Directiva

15. Estructuras
NavegaciónLogotipo
Bienvenida
(fotos, videos, carta del Editor, etc.

16. Estructuras
NavegaciónLogotipo
Bienvenida
Misión Misión
Fotos, Videos,
Logros,
Testimonios

17. Estructuras
NavegaciónLogotipo
Datos de Contacto
Mapa

18. Programación

19. Buenas prácticas
Información concisa sobre la Organización y sus
prácticas

20. Buenas prácticas
Información sobre cómo donar

21. Buenas prácticas
Información concisa sobre la Organización
y sus prácticas

22. Buenas prácticas
Conocer qué hacen otras Organizaciones

23. Buenas prácticas
Utilizar elementos que identifican a la Organización

24. Buenas prácticas
Buscar opiniones de terceros

25. Buenas prácticas
Ofrecer distintos medios de contacto

26. Buenas prácticas
Actualizar el sitio frecuentemente

27. ¡Inspiración! ¡Inspiración!
¿Mona? o ¿Lisa?

28. Sitios
http://thinkdesignblog.com/inspiration-beautiful-non-
profit-organization-websites.htm
http://vandelaydesign.com/blog/galleries/best-non-
profit-websites/
http://www.wix.com
http://www.webcreme.com
http://makebetterwebsites.com
http://www.webdesign-inspiration.com
Métodos para recibir donaciones
http://www.donaronline.org
http://www.mercadopago.com
Combinaciones de colores
http://www.colourlovers.com
https://kuler.adobe.com
Recursos
Iconos
http://www.iconfinder.com
Bancos de fotografías
http:/www.sxc.hu

29. ¡Muchas gracias!
majo@winguweb.org
daniel@minamistudios.com