(Transformar 16) capacitação desenvolvimento de website 1

Post on 16-Jan-2017

92 views 1 download

Transcript of (Transformar 16) capacitação desenvolvimento de website 1

Minha ONG na Web

Crie um Website grátis para a sua ONG

Facilitadores

Carine Bergmann

Jornalista especialista em Comunicação e Marketing em Mídias Digitais.

CEO na Emanai Estratégia e Marketing Social.

Assessora de Comunicação do Movimento ODS Nós Podemos Santa Catarina.

Facilitadores

Ramon Cordini

Web Designer especialista em

Design de Interação.

CEO na Emanai Estratégia e

Marketing Social.

UX Designer na Softplan

Visão Geral

ONGs que querem passar uma impressão profissional e mobilizar recursos precisam de um site que inspire confiança e crie interesse. Como em qualquer site de qualidade, uma versão sem fins lucrativos deve ser de fácil navegação, amigável e o mais atraente possível.

Objetivo da Oficina

Apresentar as informações principais de um site institucional para ONGs;

Agenda do Dia

Das 20h às 21h:

• Diferenças entre Wordpress.org e Wordpress.com.

• Domínio e Hospedagem.

Das 21 às 22h:

• Identidade organizacional, principais projetos (cases), transparência e principais documentos. Tipos de imagens.

• Produção de conteúdo e atualização de blog.

• Ferramentas para doação online: Doare, Paypal, Mercado Pago.

Tema 1

Wordpress.org ou Wordpress.com?

Wordpress.org

Como qualquer outro site, você precisa de uma boa hospedagem. Isso vai lhe custar dinheiro em torno de R$9,99 – R$20 por mês (conforme seu site cresce, os seus custos de hospedagem crescem também).

É importante contratar uma empresa que ofereça suporte 24/7, ou seja, esteja sempre disponível para auxiliar em eventuais problemas e que tenha atendimento em português.

Wordpress.com

É grátis até 3GB de espaço. Depois disso você tem opção de escolher alguns planos que lhe darão direto a mais espaço.

Os preços desses planos variam entre $2,99 a $24,92 (dólares)

Veja no link abaixo:https://wordpress.com/pricing/

Domínio e hospedagem

Conhecendo as diferenças entre domínio e hospedagem

Domínio

Domínio é o seu endereço na internet.

Existe uma variação entre os tipos de domínio.

Educacionais: .edu

Comerciais: .com

Instituições não governamentais sem fins lucrativos: .org.br

Domínio

Algumas categorias possuem ainda restrições adicionais por serem direcionadas a empresas de setores específicos, sendo necessária comprovação por meio de envio de documentos, ou ainda exigirem o uso de DNSSEC. É o caso do .org.br

O registro deve ser feito em http://registro.br/ com valor de R$ 30,00 p/ano

Hospedagem

Hospedagem de Sites é um serviço que possibilita a pessoas ou empresas com sistemas online a guardar informações, imagens, vídeo, ou qualquer conteúdo acessível por Web. Provedores de Hospedagem de Sites tipicamente são empresas que fornecem um espaço em seus servidores e conexão à internet a estes dados aos seus clientes.

Para o WordPress.org você pode usar HostGator e pagar até R$9.99 REAIS ao mês ou R$155,88

Identidade Organizacional

O que é identidade?

Identidade

Conjunto de atributos que a torna especial. Atributos essenciais e atributos acidentais. Identidade é o que a organização é, não o que gostaria de ser.

Objetivos Estratégicos

Missão, Visão e Valores. Expressam a identidade.

Missão

Declaração concisa do propósito e das responsabilidades da sua organização perante seus públicos de interesse. Deve traduzir uma necessidade permanente. É a razão de ser da organização.

Por que a organização existe?

Por que ela faz?

Para quem ela faz?

Como ela faz?

Missão

Evite frases muito longas com palavras difíceis.

Seja simples e conciso. Ex: a missão da Disney é “Alegrar as pessoas”.

MISSÃO DO WWF-BRASIL

Contribuir para que a sociedade brasileira conserve a

natureza, harmonizando a atividade humana com a

conservação da biodiversidade e com o uso racional dos

recursos naturais, em benefício das gerações atual e

futura.

Visão

Projeção de oportunidades futuras.

Pergunta: aonde a organização quer chegar?

Ex.: Disney - “Criar um mundo onde todos possam ser crianças”.

Valores

Posturas e atitudes das pessoas. Linhas de conduta.

Devem resistir ao tempo

Devem ser independentes do ramo de atividade

Devem ser coerentes com a identidade.

Ex: Alcoa - Integridade, segurança e saúde, qualidade e excelência, pessoas e responsabilidade.

Manifesto

Outra forma de mostrar “Quem Somos”, pode ser por meio de uma “Carta de Príncipios”, ou um Manifesto. São formas de mostrar o que você faz, como faz e porque faz.

http://www.msf.org.br/quem-somos/carta-de-principios

https://www.youtube.com/watch?v=fRN_Zp9Li7s

Atividades

Trazer a missão, visão e valores para inserirmos no site.

Fazer uma carta de princípios ou manifesto.

Cases

Como apresentar os principais projetos ou cases?

Um resumo do projeto, com as informações:

O que, quem, quando, onde, como e porque.

Apresentar números que mostram o impacto social. Ex: Pessoas impactadas, valores investidos na comunidade, etc.

Fotos e/ou vídeos.

Depoimentos.

Seu projeto saiu na mídia? Mostre isso também.

Transparência

Documentos institucionais

Qualificações: informações como CNPJ, OSCIP, Utilidade Pública Municipal e Estadual, Registro no CMDCA, Inscrição Municipal.

Estatuto

Relatório anual de atividades e financeiro

Balancete

Auditoria e parecer de auditoria.

Transparência

www.portaltransparencia.org.brRelatório de atividades consolidado.

Imagens - Fotos

Que imagens escolher para o meu site?

EnquadramentoAutorização de imagemBancos de imagem gratuitosFerramentas de edição de imagem

Conteúdo

Produção de conteúdo e atualização de blog

Conteúdo

Uma posição clara ajuda e muito na aproximação de sua organização com seu público de interesse, possibilitando a criação de conteúdos cada vez mais alinhados e aumentando sua autoridade.

No site, além das informações que ficarão estáticas por mais tempo no site, como por exemplo, Quem Somos, Histórico, Equipe, Parceiros, Projetos, etc...é importante ter um espaço para atualizar as notícias tanto do que já aconteceu mas também do que está por vir.Este espaço pode ser um blog dentro do site. Importante para a organização mostrar o que está fazendo para o mundo.Além disso, atualizar com periodicidade irá manter o site bem posicionado nas buscas do Google!

Informações para o site

Levantando informações

O que seu site deve ter na home:a)Logomarcab) Banner no Topo (vai servir como vitrine. Missão + Impacto Social + Imagem

Informações para o site

c) Menu principalSobre: Quem somosO que fazemosOnde estamosDocumentos InstitucionaisPrêmios e/ou reconhecimentosTransparência e Prestação de contas

Informações

Iniciativa:

Serviço 1Serviço 2Serviço 3

Informações

Parceiros (logo + link)

apoiadoresmantenedoresinstitucional

Informações

Doe/ColaboreComo ajudarDoe agora (paypal, mercadopago, doare, conta bancária)

Informações

Blog/Notícias (No menu e destaque na home)

Informações

Contato

Informações

Depoimentos

Ferramentas de doação

Paypal - somente wordpress.orgMercado Pago - somente wordpress.orgO Polen- Cadastro e as pessoas doam no momento das compras online

Leitura recomendada

Identidade organizacional: por que ela é tão importante?http://promenino.org.br/projetos/identidade-organizacional-por-que-ela-e-tao-importante

Identidade coorporativahttps://www.youtube.com/watch?v=ktC6R0bCmWA

7 Elementos Essenciais Para o Site de Uma ONGhttp://pt.wix.com/blog/2014/03/site-de-uma-ong/

Serviço online que permite enviar e receber dinheiro:Mercado Pago: https://www.mercadopago.com.br/ajuda/retirar-para-conta-bancaria_304

Como mover seu wordpress.com para wordpress.org: http://www.canalwp.com/tutorial/como-mover-seu-blog-wordpress-com-para-wordpress-org/

Leitura recomendada

Diferenças entre wordpress.org e Wordpress.com:

http://www.canalwp.com/guia-do-iniciante/diferencas-entre-wordpress-org-vs-wordpress-com/

Produção de conteúdo:http://resultadosdigitais.com.br/blog/voz-e-tom-da-marca-na-producao-de-conteudo/#more-6097

Leitura recomendada

Benchmarking - Alguns sites de ONGs que merecem uma espiadinha:

http://www.msf.org.br/quem-somos/transparencia-e-prestacao-de-contashttp://www.saudecrianca.org.br/ http://www.cdi.org.br/colabore-2/ Ferramentas úteis:Para fazer efeito nas imagens: http://www.instagramonline.net.br/p/editor.html