SOBRE O PROJETO

Focado integralmente em UI e linguagem introdutória de programação, esse projeto foi desenvolvido no primeiro semestre de 2024 para os curso UI Design para Iniciantes e HTML e CSS para Iniciantes – ambos ministrados pela Origamid.
 
Com o propósito de projetar telas, explorar as ferramentas e recursos do Figma e aprender os fundamentos básicos de programação, foi gerado o site da Bikcraft, unindo e-commerce e design de interface.

princípios e fundamentos

cores

As bases seriam intercalam entre tons de pretos e brancos, enquanto os elementos de destaque, como call-to-action, ícones e detalhes, utilizariam variações da cor amarela.

tipografia

As famílias tipográficas escolhidas foram Poppins, para displays, e Roboto, para textos e funcionalidades. A opção por fontes sem serifa foi motivada pela legibilidade.

typography poppins and roboto

grid

Foi optado por um grid de 12 colunas com 60px de largura, 40px de espaçamento e linhas de 4px com 4px de intervalo. Todos os valores são múltiplos de 4, garantindo proporções consistentes e flexibilidade no layout.

grid on canvas

ícones

A consistência visual dos ícones é estabelecida pelo preenchimento e pelos cantos arredondados. Esse estilo, aliado ao degradê amarelo, cria um contraste marcante com os fundos em tons escuros do site.

website icons

wireframe
à prototipagem

Sete telas foram criadas e programadas como parte do trabalho de conclusão do curso. O site está disponível para navegação.

© 2025. All rights Reserved. Design by Evelyn Maísa Hettwer.​