__ Appmax

UI

It is an online payment platform for digital businesses, focused on
maximizing results.

With payment, sales recovery and checkout solutions, the company helps many entrepreneurs to have a healthy online business. From 2015 to 2018, more than 1 million orders were processed through the platform, and solutions to increase sales and maximize conversion were created and improved.

Appmax, through the "Cases de sucesso" Landing Page, wanted to share the inspiring stories of its customers to engage and increase the number of visits to its website.
Release year
2020

Skills
User interface
Landing page

‍
"Cases de sucesso" screens

Understanding the ecosystem

In the first contact with the Appmax team, it was instructed that although the landing page had to be eye-catching, due to the content it carried, it should breathe the identity of the existing website as a whole.

The brand's brandbook was studied, and the elements present in the logo and other visual assets were tested in the most diverse combinations. Some tests were then carried out to see how the LP would behave and, with this, the definition of 5 cases on the page, plus their unfolding. Even with this limitation, the design was thought out in a modular way, so that if necessary, new stories could be inserted without scalability problems.

Appmax's visual assets

Guidelines

After back and forth experimentation, we showed the final assets to the client. With their approval, a simple guide was drawn up, with colors, typography and grid that would dictate the construction of the landing page in the future.

Landing page guideline

Hands on

I went on to create the layout in figma, meeting all the requirements previously established with the client.

Below, I show some of the interaction made in prototype, after final approval of the layout. The interaction was always designed to be fluid and easy for the user to assimilate.

Landing page interaction flow

The landing page

After all the changes, the client was satisfied with the result.

Here are the screens made for the mobile version of the case, they are very important parts of the project, since it was thought of the recurrent use of smartphones by people today.

Mobile version screen
Mobile mockup
Click here to check out more projects β†—
E aΓ­, que tal a gente bater um papo?
‍
Manda um oi e vamos trocar uma ideia para eu te dar aquela forΓ§a! πŸ˜‰πŸ‘