(transformar 16) capacitação desenvolvimento de website 1
TRANSCRIPT
![Page 1: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/1.jpg)
Minha ONG na Web
Crie um Website grátis para a sua ONG
![Page 2: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/2.jpg)
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.
![Page 3: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/3.jpg)
Facilitadores
Ramon Cordini
Web Designer especialista em
Design de Interação.
CEO na Emanai Estratégia e
Marketing Social.
UX Designer na Softplan
![Page 4: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/4.jpg)
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.
![Page 5: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/5.jpg)
Objetivo da Oficina
Apresentar as informações principais de um site institucional para ONGs;
![Page 6: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/6.jpg)
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.
![Page 7: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/7.jpg)
Tema 1
Wordpress.org ou Wordpress.com?
![Page 8: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/8.jpg)
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.
![Page 9: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/9.jpg)
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/
![Page 10: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/10.jpg)
Domínio e hospedagem
Conhecendo as diferenças entre domínio e hospedagem
![Page 11: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/11.jpg)
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
![Page 12: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/12.jpg)
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
![Page 13: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/13.jpg)
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
![Page 14: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/14.jpg)
Identidade Organizacional
O que é identidade?
![Page 15: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/15.jpg)
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.
![Page 16: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/16.jpg)
Objetivos Estratégicos
Missão, Visão e Valores. Expressam a identidade.
![Page 17: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/17.jpg)
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?
![Page 18: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/18.jpg)
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.
![Page 19: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/19.jpg)
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”.
![Page 20: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/20.jpg)
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.
![Page 21: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/21.jpg)
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
![Page 22: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/22.jpg)
Atividades
Trazer a missão, visão e valores para inserirmos no site.
Fazer uma carta de princípios ou manifesto.
![Page 23: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/23.jpg)
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.
![Page 24: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/24.jpg)
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.
![Page 25: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/25.jpg)
Transparência
www.portaltransparencia.org.brRelatório de atividades consolidado.
![Page 26: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/26.jpg)
Imagens - Fotos
Que imagens escolher para o meu site?
EnquadramentoAutorização de imagemBancos de imagem gratuitosFerramentas de edição de imagem
![Page 27: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/27.jpg)
Conteúdo
Produção de conteúdo e atualização de blog
![Page 28: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/28.jpg)
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.
![Page 29: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/29.jpg)
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!
![Page 30: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/30.jpg)
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
![Page 31: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/31.jpg)
Informações para o site
c) Menu principalSobre: Quem somosO que fazemosOnde estamosDocumentos InstitucionaisPrêmios e/ou reconhecimentosTransparência e Prestação de contas
![Page 32: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/32.jpg)
Informações
Iniciativa:
Serviço 1Serviço 2Serviço 3
![Page 33: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/33.jpg)
Informações
Parceiros (logo + link)
apoiadoresmantenedoresinstitucional
![Page 34: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/34.jpg)
Informações
Doe/ColaboreComo ajudarDoe agora (paypal, mercadopago, doare, conta bancária)
![Page 35: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/35.jpg)
Informações
Blog/Notícias (No menu e destaque na home)
![Page 36: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/36.jpg)
Informações
Contato
![Page 37: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/37.jpg)
Informações
Depoimentos
![Page 38: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/38.jpg)
Ferramentas de doação
Paypal - somente wordpress.orgMercado Pago - somente wordpress.orgO Polen- Cadastro e as pessoas doam no momento das compras online
![Page 39: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/39.jpg)
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/
![Page 40: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/40.jpg)
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
![Page 41: (Transformar 16) capacitação desenvolvimento de website 1](https://reader035.vdocuments.site/reader035/viewer/2022062316/587c2d3d1a28aba0118b5c4d/html5/thumbnails/41.jpg)
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