diseño web para no diseñadores
DESCRIPTION
Diseño Web para No-Diseñadores. Slides del Webinario emitido el 02/08/2013. Tu página web es la “Cara Digital” de tu ONG, por eso veremos consejos para tener en cuenta a la hora de diseñar o renovar tu sitio web. Para ver el video ingresar a https://www.youtube.com/watch?v=85O6G_FUwn8TRANSCRIPT
![Page 1: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/1.jpg)
´ Diseño Web para No DiseñadoresMaría José Greloni | Daniel Priego
![Page 2: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/2.jpg)
...un sitio web?
![Page 3: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/3.jpg)
Objetivos de mi sitio
Difundir una causa, recibir donaciones, comunicar logros, publicar información de contacto.
![Page 4: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/4.jpg)
¿Qué tipo de sitio necesito?
![Page 5: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/5.jpg)
Difunde causas y logros
![Page 6: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/6.jpg)
Informa, comunica noticias y difunde causas
![Page 7: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/7.jpg)
Cuenta una causa e invita a donar
![Page 8: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/8.jpg)
Publica noticias relacionadas con una causa
![Page 9: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/9.jpg)
Audiencia
○ ¿Quién?
○ ¿Por qué?
○ ¿Cómo?
○ ¿Cuándo?
![Page 10: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/10.jpg)
Contenidos
○ Visión y Misión
○ Objetivos
○ Datos de contacto
○ Fotografías
○ Videos
○ Reconocimientos/ logros
![Page 11: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/11.jpg)
Construcción del sitio
○ Mapa del sitio.
○ Elementos básicos.
○ Programación.
○ Buenas prácticas.
![Page 12: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/12.jpg)
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.
![Page 13: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/13.jpg)
Elementos básicos de un sitio
¿En dónde estoy y hacia dónde puedo ir?
![Page 14: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/14.jpg)
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
![Page 15: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/15.jpg)
Estructuras
NavegaciónLogotipo
Bienvenida(fotos, videos, carta del Editor, etc.
![Page 16: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/16.jpg)
Estructuras
NavegaciónLogotipo
Bienvenida
Misión Misión
Fotos, Videos, Logros,
Testimonios
![Page 17: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/17.jpg)
Estructuras
NavegaciónLogotipo
Datos de Contacto
Mapa
![Page 18: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/18.jpg)
Programación
![Page 19: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/19.jpg)
Buenas prácticas
Información concisa sobre la Organización y sus prácticas
![Page 20: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/20.jpg)
Buenas prácticas
Información sobre cómo donar
![Page 21: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/21.jpg)
Buenas prácticas
Información concisa sobre la Organizacióny sus prácticas
![Page 22: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/22.jpg)
Buenas prácticas
Conocer qué hacen otras Organizaciones
![Page 23: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/23.jpg)
Buenas prácticas
Utilizar elementos que identifican a la Organización
![Page 24: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/24.jpg)
Buenas prácticas
Buscar opiniones de terceros
![Page 25: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/25.jpg)
Buenas prácticas
Ofrecer distintos medios de contacto
![Page 26: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/26.jpg)
Buenas prácticas
Actualizar el sitio frecuentemente
![Page 27: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/27.jpg)
¡Inspiración! ¡Inspiración!
¿Mona? o ¿Lisa?
![Page 28: Diseño web para no diseñadores](https://reader034.vdocumento.com/reader034/viewer/2022052304/559011331a28ab6f188b4646/html5/thumbnails/28.jpg)
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
RecursosIconos
http://www.iconfinder.com
Bancos de fotografías
http:/www.sxc.hu