Nova Serrana — Brasil
Mar 2024 — Mar 2024.
Design e desenvolvimento do novo site da Agilease com responsividade para desktop e mobile, implementando sua nova identidade visual.
Fui encarregado de fazer o design da Home page e das outras páginas do site, assim como a experiência mobile, mantendo a arquitetura da informação e a legibilidade de todos os itens e textos.
Como uma fábrica de software, a Agilease precisava de um novo site que transmitisse sua visão, missão e valores.
A página inicial da Agilease apresenta primeiramente a hero section, a área de competências da empresa e suas missões, visões e valores.
A hero section da Agilease mostra seu slogan e um notebook, que via carrossel, mostra quais projetos a empresa já desenvolveu.
Em seguida, na página inicial, temos a área de depoimentos e por fim, o espaço onde potenciais clientes podem solicitar um projeto para a Agilease.
A aba de depoimentos é sempre muito eficiente porque aprovação social é um forte viés cognitivo no momento de contratar um serviço ou contatar uma empresa.
Foi desenvolvido também, as telas e consequentemente a responsividade do site para o mobile. A ideia por trás do design era tentar compactar cada aba (Hero section, Competências, Sobre a empresa, Depoimentos e Contato) dentro da tela inteira do dispositivo.
A interface do site da Agilease foi desenhada em um grid de 4 colunas, com 20 de margem e gutter de 10.
Para fins de portfólio, desenvolvi a área de produtos da Agilease. A empresa pode compartilhar e expor cases e projetos desenvolvidos, que são organizados automaticamente por ordem de data de publicação.
Cada case possui a capa do projeto, título, categoria (ex. arquitetura) e áreas trabalhadas (ex. Desenvolvimento e UX Design).
A área de Produtos da Agilease é bastante objetiva e tem o intuito unicamente de expor o repertório e portfólio da empresa. No rodapé da tela de Produtos, a área de solicitação de projeto se repete.
Assim como na Página inicial, a ideia era desenhar a tela no mobile de forma que as informações ficassem compactadas dentro de da área do dispositivo.
Isso resulta em cada case estar separadamente dentro dessa área dita anteriormente.
No mobile, as informações do case foram compactadas de uma maneira que a boa experiência de usuário e a boa legibilidade das informações fossem mantidas.
É imprescindível que todas as frentes de uma empresa estejam se comunicando com sua identidade visual e fico muito feliz que a Agilease tenha passado para mim a responsabilidade de desenhar um site e a experiência de usuário que casassem com sua nova identidade.
O projeto como um todo ainda não está completo, uma vez que falta as páginas de Contato e de Case. A Agilease está desenvolvendo o site e todos os fluxos aos poucos, mas de toda forma, sinta-se livre para dar uma olhada e navegar pelo protótipo no Figma para ter uma experiência completa!