rogerweikers

Visão Geral Aimores Telesys Sindilub Petrol Magik JC Galeria RW Estúdio Contato

SOBRE A EMPRESA

Fundo de investimento brasileiro para startups, focado em jovens empreendedores e ideias inovadoras para o mercado nacional e global.

Concorrentes diretos: Pequenos e médios fundos de investimentos para startups no Brasil.

Concorrentes indiretos: Grandes fundos, incubadoras e bancos.

Possíveis parceiros: Grupos de investidores e captadores de recursos para novos projetos.

Outros trabalhos já produzidos para este mesmo cliente: toda a sua identidade visual, assim como o atual site da empresa.

A FUNÇÃO DO DESIGNER NESTE PROJETO

Proposta para atualização da UX/UI do site da empresa; gestão dos processos de pesquisa e usabilidade; execução de todas as etapas de criação de telas e protótipos; visual design, iconografia e elementos gráficos próprios.

OBJETIVO DO PROJETO

Reorganizar as informações divulgadas no site da empresa, de forma mais atraente para novos investidores, assim como estimular a criação de novas startups no mercado brasileiro.

PÚBLICO ALVO

Investidores e jovens empreendedores que buscam incentivo para criação de suas startups - assim como estudantes interessados no mercado financeiro e nas possibilidades de abrir um próprio negócio no futuro.

PRINCIPAIS DESAFIOS E RESTRIÇÕES

Curiosamente o maior desafio deste projeto foi a autossuperação. O website desta empresa (assim como o seu branding) foram criados pelo autor deste portfólio, porém após um curso de aprofundamento em UX Design, todo o conceito de navegação e desenho das páginas teve que ser revisitado.

DETALHES DO ESTUDO DE PESQUISA

Os atuais visitantes do website pedem uma estrutura mais compacta e que não precise rolar tanto para baixo para ver todas as informações. Também foi pedido um formato mais diferenciado para a versão celular, pois as fotos acabaram ficando grandes demais e cansativas.

PERSONAS

O foco da empresa é muito claro e definido - fazer a ponte entre investidores e startups - logo, o usuário final é sem dúvida um desses dois perfis - o investidor e a startup. Foi difícil definir qual plataforma é mais utilizada pelos usuários, pois o uso de computador, celular e até tablet foi bem dividido. Portanto, foi feito o estudo das telas para os três formatos. Em relação ao perfil geral do usuário, seriam adultos que trabalham (ou investem), na faixa dos 30 aos 60 anos principalmente - em relação aos investidores a maioria é masculina, porém nas startups, muitas mulheres empreendedoras estão surgindo no mercado.

História do Usuário (empreendedora): "Como uma EMPREENDEDORA, eu preciso de INVESTIMENTO para que possa INDUSTRIALIZAR MEU PRODUTO".

Declaração do Problema (empreendedora): "Amanda, que é uma jovem empresária, busca investidores para que possa aumentar sua empresa e criar uma marca global".

História do Usuário (investidor): "Como um INVESTIDOR, quero ENCONTRAR NOVAS OPORTUNIDADES, para que MEUS RENDIMENTOS AUMENTEM".

Declaração do Problema (investidor): "Roberto, que é um investidor na cidade de São Paulo, procura um fundo que ofereça novas opções de ações em startups, para que multiplique seu patrimônio".

CONCEITOS INICIAIS DE DESIGN

Este projeto pede telas grandes pela quantidade de informação em gráficos e tabelas (fundos de investimentos, dados das empresas etc.), por isso a primeira concepção foi para o desktop, diminuindo então para o tablet e depois o celular (graceful degradation).

Além do menu principal, pensou-se em oferecer algumas ferramentas rápidas como uma calculadora e um conversosr de moedas.

O uso de fotografias foi bastante limitado para que não houvesse excesso de informação visual. O conceito gráfico foi o mais clean possível, com o máximo de espaços brancos para respiro.

USER INTERFACE E PROTÓTIPO

Softwares utilizados: Adobe XD, Illustrator e Photoshop + Microsoft Office.

Todas as telas e pop-ups:

Simulação do protótipo:

VERSÃO PARA DESKTOP:
Ver o vídeo no Youtube: LINK
Controle você mesmo a navegação deste protótipo, no XD: LINK

VERSÃO PARA TABLET:
Ver o vídeo no Youtube: LINK
Controle você mesmo a navegação deste protótipo, no XD: LINK

VERSÃO PARA CELULAR:
Ver o vídeo no Youtube: LINK
Controle você mesmo a navegação deste protótipo, no XD: LINK

Ícones, cores e imagens customizadas para este projeto:

RESULTADOS DE TESTES E CONSIDERAÇÕES FINAIS

REVISÃO DO DESIGNER

Esta experiência foi muito reveladora, pois tive a chance de trabalhar em cima de um produto que eu mesmo havia criado. É realmente curioso como conseguimos refazer uma proposta inteiramente, consertando as próprias falhas e aprimorando tanto a usabilidade.

A oportunidade de rediagramar os layouts para 3 formatos foi muito enriquecedora. Apesar de ainda faltarem alguns ajustes, principalmente nos tamanhos de gráficos e tabelas (que ficaram grandes demais), já se tem uma boa ideia de todo o processo de redimensionalização.

REVISÕES DOS USUÁRIOS

Há um ponto crucial (P0) que precisa ser revisto: ao rolar a tabela para baixo no tablet e no celular, ela trava o rolamento da página inteira, ou seja, para ir para baixo, no próximo ítem, é preciso terminar a tabela inteira (e o mesmo ocorre no retorno para cima).

Houve muita melhora na organização das seções e na rolagem lateral das galerias. Ainda é possível aperfeiçoar alguns alinhamentos, proporções e posicionamentos.

A SEGUIR

Na verdade o atual site da empresa foi feito por mim, incluisive a parte de codificação e criação das páginas em html - ou seja, não houve uma separação de UI e desenvolvimento. Com certeza, em uma próxima versão, terei muito mais liberdade de criação, uma vez que um engenheiro de software escreverá o código.

Lembro que toda a identidade visual da empresa também é de minha autoria, o que já cria um vínculo especial pelos projetos seguintes.