
__ Appmax
UI
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.
2020
Skills aplicadas
Interface do usuário
Landing page

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.

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.

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.

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.





