Site web de ONG

iko poran é uma ONG sem fins lucrativos que luta contra as diversas formas de exclusão social e zela pelo resgate da cidadania.

Por meio de parcerias estabelecidas com diversas ONGs localizadas nos países em desenvolvimento, a iko poran criou uma rede internacional de possibilidades, tornando o voluntariado mais fácil e mais acessível em diversas regiões do mundo. Presente na versão papel do Guia do Rio desde 2007, a iko poran é referência no Rio de Janeiro, onde ela propõe vários tours comunitários.

Sendo a iko poran uma organização de operação global e local, seu site ocupa um papel de extrema relevância na agregação de voluntários e de doações, e a Aotopo foi escolhida para reformular inteiramente o site institucional.

Contexto

O foco da iko poran está na troca de experiências, buscando sempre fortalecer o entendimento cultural e a abertura de novos horizontes para os beneficiários. Nosso cliente deixou clara a importância de uma comunicação que mostrasse que “as pessoas continuam amigas depois dos programas e de voltarem para seus países”.

Ou seja, muito além de um site responsivo que fornecesse uma ótima experiência de usabilidade, precisávamos também revelar o DNA da iko poran. Por isso, toda a criação envolveu uma troca constante com o cliente em busca das melhores imagens, do melhor conteúdo e as melhores formas de trabalharmos com esse material.

Serviços

Demos uma cara nova ao site, a identidade visual foi refinada, e nós exploramos melhor a paleta de cores, a exibição dos ícones e as experiências reais registradas em fotografias.

Tarefas efetuadas

• Arquitetura da informação;
• Criação de layout;
• Criação de ícones e tratamento de fotos;
• Desenvolvimento Front-End (HTML, CSS, JS);
• Desenvolvimento Back-End e configuração de CMS (Sistema Gerenciador de Conteúdo).

Design do site iko poran

• 

• 

Trabalhando sempre com o feedback do cliente a medida que o projeto evoluía, definimos que a construção do site seria executada em duas grandes fases. A primeira contemplando todo o escopo principal dentro de um cronograma estruturado, e a segunda contendo as melhorias a serem implementadas, como área de login, entre outras funcionalidades.

Ao criar as telas, foi fundamental prever quais conteúdos seriam alimentados e enriquecidos ao longo do tempo. Era o caso, por exemplo, dos países onde a iko poran atua, assim como os locais onde cada modelo de projeto voluntário é realizado: espera-se que esses dados sejam agregados progressivamente.

Por ter um conteúdo em constante evolução, esse é o tipo de projeto que tem um começo mas não tem um fim. Por isso, a iko poran também recebeu da Aotopo um treinamento sobre como inserir o conteúdo das páginas do site com autonomia.

Tecnologias

O site foi desenvolvido utilizando a plataforma WordPress como CMS, dando assim uma total autonomia e agilidade na atualização do conteúdo do website para a equipe do iko poran.

Usamos:

• Saas
• Gulp
• browser-sync
• JQuery
• Bootstrap

Vários plugins (pagos e gratuitos) e funcionalidades foram implementados em função das necessidades do cliente, como por exemplo:

• O plugin WPML, o melhor e mais famoso plugin multilíngue do WordPress;
• O Contact Form 7 para criar os formulários de contato e orçamento;
• O Google Analytics para que o cliente tenha acesso às métricas de seu Website;
• O AddToAny share buttons para facilitar o compartilhamento de páginas e posts do site.

Criamos também o que chamamos de “Custom post types” e “Custom Fields”, que são objetos e campos criados sob medida dentro da interface de administração do cliente para que ele possa trabalhar no seu conteúdo com mais facilidade.

Por fim, tornamos possível para o cliente deixar todos os campos do formulário de “sign-up” pré-configurados pela interface, para que os voluntários possam se inscrever já sabendo das disponibilidades reais e das especificidades de cada projeto.

Projetos relacionados