__ Appmax

UI

É uma plataforma de pagamentos online para negócios digitais, com foco na maximização dos resultados.

Com soluções de pagamento, recuperação de venda e checkout a empresa ajuda diversos empreendedores a ter um negócio online saudável. De 2015 a 2018 foram processados mais de 1 milhão de pedidos através da plataforma, e as soluções de aumento de vendas e maximização de conversão foram criadas e aprimoradas.

A Appmax, através da landing page "Cases de sucesso", queria compartilhar as histórias inspiradoras de seus clientes para engajar e aumentar o número de visitas de seu site.
Ano de lançamento
2020

Skills aplicadas
Interface do usuário
Landing page

Telas do "Cases de sucesso"

Entendendo o ecossistema

No primeiro contato com a equipe da Appmax, foi instruído que embora a landing page tivesse que ser chamativa, pelo conteúdo que carregava, ela deveria respirar a identidade do website já existente como um todo.

O brandbook da Marca foi estudado, e os elementos presentes no logo e outros assets visuais foram testados nas mais diversas combinações. Foram, então, feitos alguns testes de como a LP iria se comportar e, com isso, a definição de 5 cases na página, mais seus desdobramentos. Mesmo com esse limitante, o design foi pensado de modo modular, para caso fosse necessário, pudesse haver a inserção de novas histórias, sem problemas de escalabilidade.

Assets visuais da marca Appmax

Diretrizes

Depois de idas e vindas de experimentações, mostramos os assets finais para o cliente. Com a devida aprovação, foi feita um guide simples, com cores, tipografia e grid que futuramente irão ditar a construção da landing page.

Guide da landing page

Mão na massa

Segui com a criação do layout no figma, atendendo a todos os requisitos previamente estabelecidos com o cliente.

Abaixo, eu mostro um pouco da interação feita no protótipo, após aprovação final do layout. A interação foi sempre pensada em ser fluída e de fácil assimilação para o usuário.

Flow de interação da landing page

A landing page

Depois de todas as trocas, o cliente ficou satisfeito com o resultado.

Seguem as telas feitas para a versão mobile do case, elas são partes muito importante do projeto, já que foi pensado no uso recorrente de smartphones pelas pessoas nos dias de hoje.

Telas da versão mobile
Mockup mobile
Clique aqui para conferir mais projetos ↗
E aí, que tal a gente bater um papo?
Manda um oi e vamos trocar uma ideia para eu te dar aquela força! 😉👍