Ecofy

Eu precisava de um case que demonstrasse um pouco mais as minhas habilidades com a construção de um design visual e de prototipação.

Dessa forma, surgiu Ecofy, um case fictício, com foco em UI Design.

Proposta

A proposta desse projeto consistia em uma empresa que vende energia limpa (sustentável) e uma plataforma para controle de gastos.

Sustentabilidade

Ecologia

Energia

Futuro

Inovação

Tecnologia

Cores

Para essa cartela, selecionei uma escala de cores que conversasse com o propósito da marca.

  • A cor principal é um verde natural e forte, que pode ser usado para transmitir sustentabilidade e frescor;

  • A partir dela, surgiram os tons auxiliares, mais fortes e mais claros;

  • Os tons neutros ajudaram a manter a paleta equilibrada e leve;

  • Como cor secundária, escolhi um azul que contrasta com o verde primário e reforça a ideia de tecnologia, inovação e energia.

Tipografia

Para a tipografia, escolhi uma combinação de fontes que gosto bastante: Montserrat e Lato.

  • Utilizei a Montserrat para títulos, por ser uma fonte limpa e agradável;

  • Lato é uma fonte mais leve e amigável, além de oferecer uma legibilidade excelente para textos menores.

Iconografia

A biblioteca de ícones que mais considerei apropriada para o projeto, foi a Iconoir:

  • Limpa, moderna e minimalista;

  • Traços finos, uniformes e consistentes;

  • Versatilidade (encontrei todos os ícones que precisava utilizar para o projeto).

Imputs

Desenhei imputs minimalistas, que casassem com o estilo do projeto.

Layout grids

12 colunas, 104 de margem e 24 de gutter.

Formatação e espaçamentos baseados em 8 pontos.

Resultados

Confira o protótipo no figma:

Caso o protótipo acima não funcione, você também pode acessar o protótipo clicando no botão abaixo:

Considerações finais

Ecofy é um case fictício de UI Design. Toda a ideia, conteúdo, design e interação foram desenvolvidos por mim.

Para esse projeto, atuei de ponta a ponta no processo de UI design.

Quer saber mais detalhes sobre o que foi feito em cada etapa? Entre em contato comigo!