Por quase três anos, o Catarse cresceu de forma desordenada. Como uma torre de babel digital, os caminhos eram confusos, as indicações pareciam falar línguas diferentes e cada nova página era erguida num estilo próprio. Botões, links, títulos, erros e avisos eram representados de maneiras diferentes em cada um dos fluxos do site. Como os usuários estavam perdidos, o número de solicitações à equipe de suporte crescia junto com a plataforma. Um danoso ciclo vicioso que nos fez perder consistência ao longo dos últimos anos.

Os usuários não devem ter que se perguntar se diferentes palavras, situações ou ações significam a mesma coisa. Estabeleça e siga convenções da plataforma -  Jacob Nielsen

Fizemos uma análise detalhada sobre todos os fluxos e seguimos a dica do Nielsen: criar um guia de estilos e classes que orientasse a construção de uma interface que respeitasse o usuário e o sistema por trás dela. Com padrões definidos e a aproximação entre design e desenvolvimento, ganhamos agilidade para realizar mudanças e testes com mais frequência e mais bem embasados. Nosso Brancaleone do design, Thiago Maia, contou aqui no blog como foi a construção do guia e abriu o resultado para ser copiado e replicado.

A partir das primeiras experiências para implementar o Bootstrap, percebemos que não estávamos precisando mapear só padrões de design, mas também fluxo de uso e todo o conteúdo presente na plataforma. O projeto se tornou tão grande que foi necessário até mesmo reformular os fluxos de produção e organização da empresa. Se hoje nasce uma nova plataforma, é porque há um ano fizemos uma revolução interna nos processos e prioridades do Catarse que nos permitiram chegar até aqui. Nesse post, você pode ler mais como definimos a gestão do trabalho e quais ferramentas adotamos para dar ritmo e consistência à dinâmica do trabalho remoto.

Além de padronizar design e fluxos, o outro grande objetivo do Bootstrap era deixar a plataforma acessível em computadores, tablets e celulares. O crescimento do acesso de diferentes os dispositivos comprova a necessidade urgente de darmos esse passo. Em 2013, 11% dos acessos eram feitos de dispositivos móveis. Em 2014, esse número passou para 22%, e nos dois primeiros meses de 2015 foi de 37%. O novo Catarse tem uma interface fluida, que se adapta a resolução de tela e ao aparelho escolhido.

Páginas e fluxos mais intuitivos

O fluxo de apoio de projeto e criação de projeto, os dois principais da plataforma, foram mapeados, revisados e otimizados. Antes, o usuário preenchia uma série de informações e ficava sem saber ao certo em que parte do processo estava. Agora, os caminhos a serem percorridos e as informações estão claras e intuitivas. Veja você mesmo o novo fluxo de criação de projeto e aproveite para pensar na sua campanha de financiamento coletivo.

Mais de 60 páginas foram criadas ou alteradas para se adequar aos novos padrões e melhorar a navegação. Destaco algumas abaixo e as mudanças que valem o clique:

Homepage - os projetos ganharam thumbnails maiores, e demos mais espaço para o blog do Catarse e para as histórias que acontecem no universo do financiamento coletivo.

Explore - Na página de partida para que um usuário explore as campanhas abertas na plataforma, as categorias e o número de projetos online no momento estão logo no topo. A ideia é que as pessoas encontrem rapidamente aquilo que as interessa. Aproveite para seguir uma categoria e receber toda semana um e-mail com os novos projetos. Clique em uma das campanhas para você ver a nova página de projeto. Contribua com ele e sinta a sutileza do novo fluxo de apoio ;)

Perfil - Faça o login na plataforma, ou cadastre-se caso ainda não tenha um. No canto superior direito, acesse a sua página de perfil. Você perceberá que as informações estão mais bem organizadas, como, por exemplo, o histórico de projetos que você apoiou, com dados sobre o valor do apoio, a estimativa de entrega da recompensa e se o projeto já fechou ou ainda está em andamento. Você vai ver também que o perfil tem mais opções de customização, como a url do perfil e uma foto de capa. Nossa ideia é que você se apodere cada vez mais do seu espaço na plataforma. Com isso abrimos espaço para mesclar o que eram os canais do Catarse, como o Wings For Change e o Pimp My Carroça, em um modelo mais integrado à plataforma.

Guia dos realizadores -  Na linha de criar materiais de fácil compreensão e de desenvolver o financiamento coletivo por meio de conteúdo educacional de qualidade sobre o modelo, centralizamos as informações que antes ficavam espalhadas em artigos da base de conhecimento e posts no blog num único Guia dos Realizadores. Não comece uma campanha sem antes ler esse verdadeiro manual do financiamento coletivo

Próximos passos

Após o lançamento da nova plataforma, passaremos por um período normal de caça aos bugs, erros e problemas que possam surgir com a mudança. Contamos com vocês nessa busca e apontamentos de eventuais falhas. Vamos acompanhar os primeiros impactos da mudança e logo mais damos notícias dos resultados.