Você está em: Aotopo » Portfólio » Websites » iko poran • Criação de Website

iko poran • Criação de Website

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.

O novo site iko poran

A princípio, deveríamos dar continuidade a um pré-projeto da home, com o layout já desenhado, porém com várias questões de UX a serem solucionadas. A primeira questão era a necessidade de um site responsivo, incompatível com a usabilidade da home que nos foi apresentada.

Originalmente, o recurso mouseover era utilizado em diversos pontos da navegação. Além do próprio menu principal, uma das funcionalidades solicitadas pelo cliente era a exibição de uma imagem diferente para cada projeto voluntário disponibilizado pela ONG, com “filtros mostrando os países onde eles estão disponíveis quando se passa o mouse em cima“.

Entretanto, o site responsivo, pensado para múltiplos dispositivos, precisa prever a usabilidade no desktop e no mobile. Isso traz algumas limitações técnicas e o mouseover, por exemplo, é inviável no celular e foi necessário abrir mão dessa funcionalidade completamente.

A partir dos primeiros obstáculos, o projeto se desdobrou em uma proposta completamente nova.

Essas decisões são comuns em projetos de interface, quando cliente e agência precisam definir juntos o que é prioridade e quais ideias precisam ser abandonadas. Por conta disso, alguns filtros previstos foram eliminados e os acessos foram simplificados.

Da Aotopo para o mundo

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 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.

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.

Criação de layout

home-ikoporan

iko poran – Home

iko poran - Tela Destinations

iko poran – Tela Destinations

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 recebe da Aotopo um treinamento, sendo capaz de inserir o conteúdo das páginas do seu site com autonomia.

Desenvolvimento

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.

Tecnologias empregadas:

  • 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.

iko poran Sign UpSe você ou sua empresa precisam de um site ou serviço como este, entre em contato.

GOSTOU? CONHEÇA NOSSOS  SERVIÇOS DE CRIAÇÃO DE SITES
mautic is open source marketing automation