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:

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.

Signup form iko poran

Projetos relacionados