Redesign site Rupee:
estratégia, UI e copy para Fintech
Redesign site Rupee:
estratégia, UI e copy para Fintech
Redesign site Rupee:
estratégia, UI e copy para Fintech
O PROJETO
Redesign do site da Fintech Rupee
Aplicativo de cálculo de hora trabalho para profissionais criativos e freelancers
PERÍODO
Nov 2023 - Jan 2024
MEU PAPEL
Estratégia e pesquisa (desk research e benchmark)
Wireframes e telas de alta fidelidade
Copy/UX Writing
Imagens e motions para ilustrar a plataforma
Handoff para desenvolvimento
O desafio
O desafio
A Rupee é um software de gestão focado principalmente (mas não exclusivamente) na área contábil. Seus principais clientes são escritórios contábeis de todos os tamanhos e empresas de grande porte com áreas contábeis complexas.
O site da Rupee era visualmente agradável, mas não era funcional, principalmente com a empresa expandindo suas ferramentas. Isso ocasionava alguns problemas:
A Rupee é um software de gestão focado principalmente (mas não exclusivamente) na área contábil. Seus principais clientes são escritórios contábeis de todos os tamanhos e empresas de grande porte com áreas contábeis complexas.
O site da Rupee era visualmente agradável, mas não era funcional, principalmente com a empresa expandindo suas ferramentas. Isso ocasionava alguns problemas:
PONTO DE DOR 1
Possíveis novos clientes não entendiam se a Rupee fazia sentido para eles
PONTO DE DOR 3
A Rupee tem três tipos de perfis de clientes distintos e com necessidades diferentes. Essa distinção não estava clara no site
PONTO DE DOR 2
Time comercial vendia funcionalidades que não estavam no site, fazendo a empresa perder a credibilidade
PONTO DE DOR 4
Textos muito longos e confusos, causando pouca retenção
PONTO DE DOR 1
Possíveis novos clientes não entendiam se a Rupee fazia sentido para eles
PONTO DE DOR 2
Time comercial vendia funcionalidades que não estavam no site, fazendo a empresa perder a credibilidade
PONTO DE DOR 3
A Rupee tem três tipos de perfis de clientes distintos e com necessidades diferentes. Essa distinção não estava clara no site
PONTO DE DOR 4
Textos muito longos e confusos, causando pouca retenção
PONTO DE DOR 1
Possíveis novos clientes não entendiam se a Rupee fazia sentido para eles
PONTO DE DOR 2
Time comercial vendia funcionalidades que não estavam no site, fazendo a empresa perder a credibilidade
PONTO DE DOR 3
A Rupee tem três tipos de perfis de clientes distintos e com necessidades diferentes. Essa distinção não estava clara no site
PONTO DE DOR 4
Textos muito longos e confusos, causando pouca retenção
A Rupee é um software de gestão focado principalmente (mas não exclusivamente) na área contábil. Seus principais clientes são escritórios contábeis de todos os tamanhos e empresas de grande porte com áreas contábeis complexas.
O site da Rupee era visualmente agradável, mas não era funcional, principalmente com a empresa expandindo suas ferramentas. Isso ocasionava alguns problemas:
A Rupee é um software de gestão focado principalmente (mas não exclusivamente) na área contábil. Seus principais clientes são escritórios contábeis de todos os tamanhos e empresas de grande porte com áreas contábeis complexas.
O site da Rupee era visualmente agradável, mas não era funcional, principalmente com a empresa expandindo suas ferramentas. Isso ocasionava alguns problemas:
Imersão no Problema
Imersão no Problema
Fiz uma desk research para analisar as maiores dores dos profissionais contábeis, também contando com o feedback da área de atendimento e comercial. Como trabalhava como Analista de Marketing na empresa, já tinha em mente algumas abordagens, o que me ajudou a acelerar essa parte de imersão.
Fiz um registro e organizei os perfis (até então, estava mapeado apenas na cabeça dos funcionários) e uma correlação entre as dores e funcionalidades que melhor atendiam cada perfil.
Também pesquisei a postura online dos concorrentes. E me inspirei em Fintechs que, apesar de não atuar na mesma área, eram referência para Rupee. Elas tinham uma postura mais moderna e madura no mercado.
Fiz uma desk research para analisar as maiores dores dos profissionais contábeis, também contando com o feedback da área de atendimento e comercial. Como trabalhava como Analista de Marketing na empresa, já tinha em mente algumas abordagens, o que me ajudou a acelerar essa parte de imersão.
Fiz um registro e organizei os perfis (até então, estava mapeado apenas na cabeça dos funcionários) e uma correlação entre as dores e funcionalidades que melhor atendiam cada perfil.
Também pesquisei a postura online dos concorrentes. E me inspirei em Fintechs que, apesar de não atuar na mesma área, eram referência para Rupee. Elas tinham uma postura mais moderna e madura no mercado.
Perfis de clientes
Perfis de clientes
Escritórios contábeis pequenos
Normalmente são contadores autônomos ou com poucos funcionários. Utilizam a Rupee para sair da planilha, automatizar as demandas da rotina e focam mais nas ferramentas específicas de contabilidade e de comunicação com os clientes.
Principais Dores: manter as demandas organizadas de forma intuitiva, diminuir a carga de trabalho com automatizações, agilizar o contato e envio de documentos aos clientes.
Normalmente são contadores autônomos ou com poucos funcionários. Utilizam a Rupee para sair da planilha, automatizar as demandas da rotina e focam mais nas ferramentas específicas de contabilidade e de comunicação com os clientes.
Principais Dores: manter as demandas organizadas de forma intuitiva, diminuir a carga de trabalho com automatizações, agilizar o contato e envio de documentos aos clientes.
Escritórios de médio e grande porte
Possuem um número maior de colaboradores e valorizam ferramentas de gestão de equipe e dashboards de ação. Nesse caso, a Rupee oferece funções tanto para os gestores, quanto para os funcionários.
Principais Dores: Administrar diferentes empresas e clientes no mesmo lugar, delegar demandas de forma prática e visual, acompanhar prioridades através de dashboards visuais
Possuem um número maior de colaboradores e valorizam ferramentas de gestão de equipe e dashboards de ação. Nesse caso, a Rupee oferece funções tanto para os gestores, quanto para os funcionários.
Principais Dores: Administrar diferentes empresas e clientes no mesmo lugar, delegar demandas de forma prática e visual, acompanhar prioridades através de dashboards visuais
Empresas com setores contábeis complexos
Apesar de ser uma empresa, normalmente possuem filiais ou parceiras que são monitoradas pela mesma equipe contábil. A demanda maior vem dos gestores, que precisam acompanhar os colaboradores de forma eficiente ao mesmo tempo que reportam as métricas da equipe aos superiores. Podem expandir a mesma ferramenta para outros setores administrativos.
Principais Dores: Garantir a eficiência da equipe, identificar prioridades, gerenciar diferentes filiais na mesma ferramenta, apresentar métricas para os superiores, mostrar eficiência no trabalho.
Apesar de ser uma empresa, normalmente possuem filiais ou parceiras que são monitoradas pela mesma equipe contábil. A demanda maior vem dos gestores, que precisam acompanhar os colaboradores de forma eficiente ao mesmo tempo que reportam as métricas da equipe aos superiores. Podem expandir a mesma ferramenta para outros setores administrativos.
Principais Dores: Garantir a eficiência da equipe, identificar prioridades, gerenciar diferentes filiais na mesma ferramenta, apresentar métricas para os superiores, mostrar eficiência no trabalho.
A partir dessa análise, fiz uma lista com todas as funcionalidades, qual se aplicava a qual(s) perfil(s) e como ajudava, na prática, esses clientes.
A partir dessa análise, fiz uma lista com todas as funcionalidades, qual se aplicava a qual(s) perfil(s) e como ajudava, na prática, esses clientes.
Benchmark
Fiz uma pesquisa dos concorrentes diretos da Rupee e cheguei em algumas conclusões.
Fiz uma pesquisa dos concorrentes diretos da Rupee e cheguei em algumas conclusões.
Mesmo com a expansão da Rupee, os concorrentes diretos tinham mais funcionalidades e estavam há mais tempo no mercado. Não sendo possível se diferenciar nessa área;
Mesmo com a expansão da Rupee, os concorrentes diretos tinham mais funcionalidades e estavam há mais tempo no mercado. Não sendo possível se diferenciar nessa área;
Apesar disso, tanto o design das ferramentas dos concorrentes, quanto do site em si, estava defasado, não passava a mensagem de ser moderno e atual.
Apesar disso, tanto o design das ferramentas dos concorrentes, quanto do site em si, estava defasado, não passava a mensagem de ser moderno e atual.
Assim como o site antigo da Rupee, os concorrentes focavam em apresentar funcionalidades ao invés de focar na solução ou na dor. Também tinham textos muito longos que não geram valor.
Assim como o site antigo da Rupee, os concorrentes focavam em apresentar funcionalidades ao invés de focar na solução ou na dor. Também tinham textos muito longos que não geram valor.
As imagens, vídeos e animações das plataformas eram poucas e não ilustravam de forma intuitiva as funcionalidades.
As imagens, vídeos e animações das plataformas eram poucas e não ilustravam de forma intuitiva as funcionalidades.
Ao analisar avaliações do google, reclame aqui e comentários em redes sociais, percebi que um grande ponto negativo dos concorrentes era o mau atendimento e falta de flexibilidade nos pacotes.
Ao analisar avaliações do google, reclame aqui e comentários em redes sociais, percebi que um grande ponto negativo dos concorrentes era o mau atendimento e falta de flexibilidade nos pacotes.
A estratégia
A estratégia
Após analisar os perfis, organizar e listar as funcionalidades e colher feedbacks dos times de atendimento e comercial, decidi qual seria a estratégia para o redesign do site.
Após analisar os perfis, organizar e listar as funcionalidades e colher feedbacks dos times de atendimento e comercial, decidi qual seria a estratégia para o redesign do site.
Sitemap
Sitemap
Montei um sitemap para uma V1 e possível V2 do site.
A principal mudança da nova versão era ter uma página focada em escritórios contábeis e outra em grandes empresas (junto com o time comercial, decidimos usar o termo “Enterprise”). A partir das análises que fiz, dividi as funcionalidades específicas para cada perfil, com o objetivo de ser relacionável com o usuário.
Montei um sitemap para uma V1 e possível V2 do site.
A principal mudança da nova versão era ter uma página focada em escritórios contábeis e outra em grandes empresas (junto com o time comercial, decidimos usar o termo “Enterprise”). A partir das análises que fiz, dividi as funcionalidades específicas para cada perfil, com o objetivo de ser relacionável com o usuário.
Copy
Copy
Assim como os concorrentes, o texto era muito longo e destrinchava mais a funcionalidade e menos na dor/solução.
Decidi deixar bem mais enxuto, usar títulos focados nos benefícios que Rupee trazia antes de mencionar a funcionalidade. O objetivo era fazer o cliente se identificar de cara ao invés de só apresentar uma lista imensa de funções.
Distribuí mais botões de CTA’s e adaptei a copy para cada parágrafo. Ao invés de apenas“falar com especialista” e “solicitar demonstração” também usei copys como “quero mais praticidade”, “quero mais visibilidade” “quero mais eficiência”.
Outra estratégia foi fazer um comparativo com a planilha, afinal, a maior parte dos clientes saiam da planilha para ir pra Rupee. Como nossa comparação com os concorrentes não nos deixava na vantagem, adotei essa abordagem que consequentemente trouxe mais identificação.
Também procurei mostrar nosso diferencial em atendimento e suporte, flexibilidade de pacotes e serviços e na usabilidade da ferramenta. Essas eram nossas grandes vantagens ao comparar com concorrentes.
Assim como os concorrentes, o texto era muito longo e destrinchava mais a funcionalidade e menos na dor/solução.
Decidi deixar bem mais enxuto, usar títulos focados nos benefícios que Rupee trazia antes de mencionar a funcionalidade. O objetivo era fazer o cliente se identificar de cara ao invés de só apresentar uma lista imensa de funções.
Distribuí mais botões de CTA’s e adaptei a copy para cada parágrafo. Ao invés de apenas“falar com especialista” e “solicitar demonstração” também usei copys como “quero mais praticidade”, “quero mais visibilidade” “quero mais eficiência”.
Outra estratégia foi fazer um comparativo com a planilha, afinal, a maior parte dos clientes saiam da planilha para ir pra Rupee. Como nossa comparação com os concorrentes não nos deixava na vantagem, adotei essa abordagem que consequentemente trouxe mais identificação.
Também procurei mostrar nosso diferencial em atendimento e suporte, flexibilidade de pacotes e serviços e na usabilidade da ferramenta. Essas eram nossas grandes vantagens ao comparar com concorrentes.
UI e imagens
UI e imagens
Criei uma paleta de cores mais extensa para se adaptar às necessidades do novo site, mas mantive a cor principal e a tipografia, afinal, o objetivo não era mudar a identidade visual já usada amplamente nas comunicações.
Utilizei menus mais modernos e dinâmicos para apresentar as funcionalidades de forma mais atrativa e conseguir fazer o cliente ler com mais leveza.
Usei a UI da Rupee tanto de forma estática quanto animada para mostrar a ferramenta e ilustrar de uma maneira mais interessante as funcionalidades.
Essas imagens e animações foram o grande diferencial da página. Nenhum concorrente (pelo menos na época do projeto) mostrava a plataforma de uma maneira tão dinâmica como a Rupee. Essa inspiração veio de outras Fintechs que não eram concorrentes diretos.
Criei uma paleta de cores mais extensa para se adaptar às necessidades do novo site, mas mantive a cor principal e a tipografia, afinal, o objetivo não era mudar a identidade visual já usada amplamente nas comunicações.
Utilizei menus mais modernos e dinâmicos para apresentar as funcionalidades de forma mais atrativa e conseguir fazer o cliente ler com mais leveza.
Usei a UI da Rupee tanto de forma estática quanto animada para mostrar a ferramenta e ilustrar de uma maneira mais interessante as funcionalidades.
Essas imagens e animações foram o grande diferencial da página. Nenhum concorrente (pelo menos na época do projeto) mostrava a plataforma de uma maneira tão dinâmica como a Rupee. Essa inspiração veio de outras Fintechs que não eram concorrentes diretos.
A SOLUÇÃO
A SOLUÇÃO
A SOLUÇÃO
Um site moderno, dinâmico e pensado para o usuário
Um site moderno, dinâmico e pensado para o usuário
Um site moderno, dinâmico e pensado para o usuário
Menus mais dinâmicos e visuais
Menus mais dinâmicos e visuais
Funcionalidades divididas por perfis com textos mais enxutos
Funcionalidades divididas por perfis com textos mais enxutos
Conversão a partir da identificação
Conversão a partir da identificação
Imagens e motions atrativos
Imagens e motions atrativos
Aprendizados e Obstáculos
Aprendizados e Obstáculos
Na época eu era Analista de Marketing da Rupee e, além de planejamento e conteúdo, também fazia o design das comunicações da empresa. Apesar de ter se tornado minha prioridade, tive que conciliar o redesign do site com as demandas da rotina como postagens de rede social, edição de vídeos, e-mail marketing e design para o tráfego pago.
A parte positiva de trabalhar na empresa foi já conhecer os perfis de clientes e ter em mente as melhores práticas de comunicação.
Não existia área UX/ UI, então eu estudei por conta própria para entregar o melhor resultado dentro do que consegui aprender e executar. Como não fui a responsável por publicar o site, aprendi muito sobre as limitações do Wordpress/Elementor e a melhor forma de fazer o handoff para o desenvolvedor.
Mesmo tendo sido o primeiro design de site que fiz, tive feedbacks muito positivos da gestão, área comercial, investidores e até clientes.
O objetivo principal, que era comunicar de forma mais efetiva com os clientes e apresentar as ferramentas atuais da Rupee de forma mais atrativa, foi alcançado!
Na época eu era Analista de Marketing da Rupee e, além de planejamento e conteúdo, também fazia o design das comunicações da empresa. Apesar de ter se tornado minha prioridade, tive que conciliar o redesign do site com as demandas da rotina como postagens de rede social, edição de vídeos, e-mail marketing e design para o tráfego pago.
A parte positiva de trabalhar na empresa foi já conhecer os perfis de clientes e ter em mente as melhores práticas de comunicação.
Não existia área UX/ UI, então eu estudei por conta própria para entregar o melhor resultado dentro do que consegui aprender e executar. Como não fui a responsável por publicar o site, aprendi muito sobre as limitações do Wordpress/Elementor e a melhor forma de fazer o handoff para o desenvolvedor.
Mesmo tendo sido o primeiro design de site que fiz, tive feedbacks muito positivos da gestão, área comercial, investidores e até clientes.
O objetivo principal, que era comunicar de forma mais efetiva com os clientes e apresentar as ferramentas atuais da Rupee de forma mais atrativa, foi alcançado!
Na época eu era Analista de Marketing da Rupee e, além de planejamento e conteúdo, também fazia o design das comunicações da empresa. Apesar de ter se tornado minha prioridade, tive que conciliar o redesign do site com as demandas da rotina como postagens de rede social, edição de vídeos, e-mail marketing e design para o tráfego pago.
A parte positiva de trabalhar na empresa foi já conhecer os perfis de clientes e ter em mente as melhores práticas de comunicação.
Não existia área UX/ UI, então eu estudei por conta própria para entregar o melhor resultado dentro do que consegui aprender e executar. Como não fui a responsável por publicar o site, aprendi muito sobre as limitações do Wordpress/Elementor e a melhor forma de fazer o handoff para o desenvolvedor.
Mesmo tendo sido o primeiro design de site que fiz, tive feedbacks muito positivos da gestão, área comercial, investidores e até clientes.
O objetivo principal, que era comunicar de forma mais efetiva com os clientes e apresentar as ferramentas atuais da Rupee de forma mais atrativa, foi alcançado!
Outros trabalhos na Rupee
Outros trabalhos na Rupee
Como mencionei anteriormente, não tinha área direcionada a UX/UI. Então, enquanto eu estudava por conta própria e depois do redesign do site, comecei a desenvolver projetos para melhorar a usabilidade da ferramenta em si.
Primeiro passamos a ter reuniões semanais para entender quais as maiores dificuldades da ferramenta e receber feedback de áreas diferentes da empresa. Como eu trabalhava na área de comunicação, costumava ficar com a parte mais “prática” dessas tarefas e absorvia os feedbacks de melhoria vindos das áreas de atendimento, comercial, TI e até dos sócios e gestores.
Algumas tarefas que consegui realizar junto com a equipe durante o período que estive lá:
Como mencionei anteriormente, não tinha área direcionada a UX/UI. Então, enquanto eu estudava por conta própria e depois do redesign do site, comecei a desenvolver projetos para melhorar a usabilidade da ferramenta em si.
Primeiro passamos a ter reuniões semanais para entender quais as maiores dificuldades da ferramenta e receber feedback de áreas diferentes da empresa. Como eu trabalhava na área de comunicação, costumava ficar com a parte mais “prática” dessas tarefas e absorvia os feedbacks de melhoria vindos das áreas de atendimento, comercial, TI e até dos sócios e gestores.
Algumas tarefas que consegui realizar junto com a equipe durante o período que estive lá:
Tela de resultado do envio de documentos
Tela de resultado do envio de documentos
A funcionalidade era receber documentos, anexar em cards específicos e, caso houvesse algum erro, reportar de forma que o usuário conseguisse agir. A tela anterior estava quebrada, confundia o usuário e não demonstrava tão claramente os possíveis erros.
Também trabalhei junto com a equipe no UX Writing, reescrevendo as mensagens de erro que muitas vezes estavam confusas e não passavam a mensagem corretamente.
A funcionalidade era receber documentos, anexar em cards específicos e, caso houvesse algum erro, reportar de forma que o usuário conseguisse agir. A tela anterior estava quebrada, confundia o usuário e não demonstrava tão claramente os possíveis erros.
Também trabalhei junto com a equipe no UX Writing, reescrevendo as mensagens de erro que muitas vezes estavam confusas e não passavam a mensagem corretamente.
Validação de telefone
Validação de telefone
A Rupee passou a pedir validação de telefone para implementar uma nova função que precisaria do número correto e atualizado. Não existia essa funcionalidade, então criei telas para os possíveis cenários que o cliente poderia encontrar.
A Rupee passou a pedir validação de telefone para implementar uma nova função que precisaria do número correto e atualizado. Não existia essa funcionalidade, então criei telas para os possíveis cenários que o cliente poderia encontrar.
Apresentação para a empresa
Apresentação para a empresa
Fiz outras pequenas mudanças junto com o feedback de representantes do time comercial, atendimento e TI. Fiquei responsável por apresentar essas mudanças e a importância de pensar mais profundamente na parte UX e UI da plataforma.
Até então, essa parte ficava com os desenvolvedores e não era analisada tão profundamente. Isso fazia com que nosso maior diferencial - a usabilidade - ficasse para trás.
A maior importância para essa mudança foi continuar nos diferenciando dos nossos concorrentes e manter clientes satisfeitos mesmo com a expansão das funcionalidades.
Fiz outras pequenas mudanças junto com o feedback de representantes do time comercial, atendimento e TI. Fiquei responsável por apresentar essas mudanças e a importância de pensar mais profundamente na parte UX e UI da plataforma.
Até então, essa parte ficava com os desenvolvedores e não era analisada tão profundamente. Isso fazia com que nosso maior diferencial - a usabilidade - ficasse para trás.
A maior importância para essa mudança foi continuar nos diferenciando dos nossos concorrentes e manter clientes satisfeitos mesmo com a expansão das funcionalidades.
Entre em contato com a sua
próxima designer
beatrizventurajorge@gmail.com
+55 (21) 98719-6265
fale comigo
Entre em contato com a sua próxima designer
beatrizventurajorge@gmail.com
+55 (21) 98719-6265
fale comigo
Entre em contato com a sua
próxima designer
beatrizventurajorge@gmail.com
+55 (21) 98719-6265
fale comigo