![](https://cdn.prod.website-files.com/6484aba004d267c20f8c37fd/65de832aeb3235ff3f5c2f4e_01_APPMAX.png)
__ 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
![](https://cdn.prod.website-files.com/6484aba004d267c20f8c37fd/6485d29dcdba2a48dbd179a5_appmax_04.jpg)
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.
![](https://cdn.prod.website-files.com/6484aba004d267c20f8c37fd/65dea3b3065b4f31f00848bd_02_APPMAX.png)
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.
![](https://cdn.prod.website-files.com/6484aba004d267c20f8c37fd/6485d29c25afd798f15acd91_appmax_03.jpg)
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.
![](https://cdn.prod.website-files.com/6484aba004d267c20f8c37fd/6485d29d2af599674ffa5543_appmax_05.jpg)
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.
![](https://cdn.prod.website-files.com/6484aba004d267c20f8c37fd/6485d29d2af599674ffa55b7_appmax_06.png)
![](https://cdn.prod.website-files.com/6484aba004d267c20f8c37fd/6485d29d29168d0b6e689f2e_appmax_07.png)
![](https://cdn.prod.website-files.com/6484aba004d267c20f8c37fd/6485d29db2d725c0b37552eb_appmax_08.png)
![](https://cdn.prod.website-files.com/6484aba004d267c20f8c37fd/6485d29d08bdcf60ada1290b_appmax_09.png)
![](https://cdn.prod.website-files.com/6484aba004d267c20f8c37fd/6485d29d0719867ec6d5953b_appmax_10.jpg)
![](https://cdn.prod.website-files.com/6484aba004d267c20f8c37fd/6485d29d3b845cf80104178f_appmax_01.jpg)