Projeto Interação Web: Agricultura Familiar Orgânica

o2 — Fri, 09 Nov 2012 22:49:46 +0000

Empolgado aqui com o Orgânicos do PIVAS começando a se apropriar do Wordpress e de como produzir "notícias". Aproveito para deixar o um registro da produção do site. Parte I, de muito que ainda está por vir.

Importante registrar também que o trabalho da Denise Lima, que é quem está conversando com os agricultores sobre produção da informação, está sendo fundamental nessa fase, Parte II, que está em andamento.

O Site

Passamos alguns meses num processo de pesquisa e produção de visual e informações mínimas para dar uma volume inicial ao site.

Mas "conteúdo" mais adequado à realidade percebida pelos agricultores está sendo planejado junto com Andrade e Edinaldo. O que precisa ser acrescentado? O que precisa ser retirado?

Algumas informações para quem quiser replicar a experiência:

1. O Sistema de Gerenciamento de Conteúdo

Nós usamos o Wordpress, que é um sistema de gerenciamento de conteúdo feito em Software Livre e simples de ser gerenciado.

Entendemos que usar o Wordpress significa que em pouco tempo as próprias famílias estarão podendo adicionar conteúdo no site e manipular as informações de forma simplificada. É essa autonomia que buscamos .

2. A Identidade Visual.

A identidade visual de um site em wordpress pode ser trabalhada de diferentes maneiras, mas geralmente (para não programadorxs) seguindo um padrão em torno de: cabeçalho, fundo da página, rodapé e colunas laterais a partir de um modelo, que no Wordpress é chamado de "template".

Então fizemos uma busca por um template que já tivesse algo associado a meio ambiente, ecologia etc.

Decidimos pelo template Graphene, que é o mesmo que o Ministério do Meio Ambiente usou para o seu site da Rio+20. As personalizações que foram feitas no Graphene do Site do MMA RIo+20 foram nossa inspiração inicial, inclusive adotamos a mesma idéia de fundo de site.

Tínhamos o desafio de criar um site que a Identidade Visual remetesse ao produto que o consumidor encontra nos supermercados. Por isso intensificou-se uma pesquisa de cores, marca, posição, imagens, texto, tudo para alcançar este objetivo. Ao mesmo tempo, queríamos dar um visual que comunicasse a importância de Inovação na prática da Agricultura Familiar no Semiárido. A seguir apresentamos alguns detalhes desse planejamento e resultados

a) Identidade Visual no Cabeçalho

Os arquivos em Vetorial originais da Marca dos Orgânicos estavam em Corel Draw, que é software proprietário, portanto não tínhamos como manipulá-los. Tivemos então que recriar todas as imagens em Software Livre. Usamos para isto os Softwares: Inkscape e Gimp.

Criamos uma réplica do sol com a estrada arada, que inicialmente está nos rótulos da APIVAS, asssim como uma "fita" com fundo verde e bordas brancas com o nome "Orgânicos" dentro. Essa fita tenta se assemelhar àquela do novo rótulo, assim como o texto "Perímetro Irrigado Várzeas de Sousa", que está no rótulo dos produtos em vermelho e com fundo branco. Trabalhamos uma imagem de fundo para dar uma ideia de horizonte longínquo. Juntamos esses elemento em uma composição com certos destaques e textos complementares.

Todos os verdes definidos no processo gráfico estão na cor HEX #005500 ou em degradês por ela compostos. Os verdes dos menus e do fundo do site acompanham esta padronização. Todo o texto no cabeçalho está na fonte, também livre, "URW Palladio L".

b) Identidade Visual no Fundo

O fundo do site foi desenvolvido em Inkscape usando um degradê do verde HEX #005500 e o traço do "Sol / Arado" branco, rasterizado a partir de um bitmap. O efeito usado para a multiplicação do sol arado é o de clonagem em ladrilho. O tamanho da Imagem de fundo de de 1920 X1080 px. A imagem foi otimizada para Web no Software GIMP, reduzindo assim o seu tamanho de 600Kb para 113KB, deixando-a mais rápida para ser carregada na Web.

3) Áreas e Classificação de Conteúdo.

Foram criadas Áreas de Conteúdo para a Página Inicial com slide de Notícias + Destaque aos Produtos + Informação Geral e do Projeto.

A preocupação com o conteúdo da Página Inicial se centrou em dar principalmente uma conotação COMERCIAL para o site, que entendemos ser importante para os negócios dos agricultores, mas, ainda há muito a ser planejado e principalmente no tocante a como colocar as informações sobre o processo de produção. Para o slide de notícias não estamos usando o original do template Graphene, mas sim o plugin SlYder do wordpress. Há muita coisa ainda a ser discutida sobre conteúdo e organização no site.

4) Menu Superior

O menu superior guia para as principais informações no Site sobre os Orgânicos do PIVAS e leva a um Formulário de Contato, que se preenchido retornará uma mensagem para uma conta que foi criada no gmail especificamente para estes fins. Para o formulário foram feitas personalizações no plugin Simple Ajax Contact Form (SACF).

5) Informações do Rodapé.

No Rodapé, informamos a licença Creativ Commons 2.5 By S.A. que é a que permite até uso comercial do conteúdo, desde que seja liberado com a mesma licença e que os créditos sejam dados para o Site dos Orgânicos do PIVAS, mais detalhes aqui: http://creativecommons.org/licenses/by-sa/2.5/br/deed.pt_BR

O canto direito, que já é padrão em sites wordpress, faz menção ao uso do wordpress, tema Graphene e as personalizações feitas pela iniciativa Webnos.

MetaReciclagem - Sertão

Projeto Interação Web: Agricultura Familiar Orgânica