Diseño web para no diseñadores

Preview:

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_FUwn8

Citation preview

´ Diseño Web para No DiseñadoresMaría José Greloni | Daniel Priego

...un sitio web?

Objetivos de mi sitio

Difundir una causa, recibir donaciones, comunicar logros, publicar información de contacto.

¿Qué tipo de sitio necesito?

Difunde causas y logros

Informa, comunica noticias y difunde causas

Cuenta una causa e invita a donar

Publica noticias relacionadas con una causa

Audiencia

○ ¿Quién?

○ ¿Por qué?

○ ¿Cómo?

○ ¿Cuándo?

Contenidos

○ Visión y Misión

○ Objetivos

○ Datos de contacto

○ Fotografías

○ Videos

○ Reconocimientos/ logros

Construcción del sitio

○ Mapa del sitio.

○ Elementos básicos.

○ Programación.

○ Buenas prácticas.

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.

Elementos básicos de un sitio

¿En dónde estoy y hacia dónde puedo ir?

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

Estructuras

NavegaciónLogotipo

Bienvenida(fotos, videos, carta del Editor, etc.

Estructuras

NavegaciónLogotipo

Bienvenida

Misión Misión

Fotos, Videos, Logros,

Testimonios

Estructuras

NavegaciónLogotipo

Datos de Contacto

Mapa

Programación

Buenas prácticas

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

Buenas prácticas

Información sobre cómo donar

Buenas prácticas

Información concisa sobre la Organizacióny sus prácticas

Buenas prácticas

Conocer qué hacen otras Organizaciones

Buenas prácticas

Utilizar elementos que identifican a la Organización

Buenas prácticas

Buscar opiniones de terceros

Buenas prácticas

Ofrecer distintos medios de contacto

Buenas prácticas

Actualizar el sitio frecuentemente

¡Inspiración! ¡Inspiración!

¿Mona? o ¿Lisa?

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

¡Muchas gracias!majo@winguweb.org

daniel@minamistudios.com

Recommended