Bikcraft
Visão geral
Bikcraft é uma loja fictícia de bicicletas artesanais localizada no Rio de Janeiro. Cada Bikcraft é única e tem sua própria identidade. São feitas sob medida para seu corpo e altura, garantindo maior conforto e ergonomia na sua pedalada. Além disso, é possível personalizar totalmente as suas cores.
Local
Rio de Janeiro — Brasil
Fev 2023 — Mar 2023.
Objetivo do projeto
Esse é o um projeto desenhado e desenvolvido enquanto eu estava estudando UI Design pela Origamid. O objetivo da tarefa era projetar o site de uma loja de bicicletas artesanais, aplicando todos os princípios e heurísticas de UI e design num geral.
É um projeto que tenho orgulho, principalmente por ter sido a primeira interface que fiz na minha vida e pelo resultado ter ficado muito acima da média de outras primeiras interfaces.
A Bikcraft fabrica bicicletas sob medida, com alto grau de personalização de maneira completamente artesanal e premium.
Página inicial
A página inicial da Bikcraft apresenta primeiramente a hero section e em seguida temos o catálogo das bicicletas disponíveis para compra e customização e uma área dedicada a falar da personalização dos produtos.
A hero section da Agilease mostra seu slogan e um notebook, que via carrossel, mostra quais projetos a empresa já desenvolveu.
Logo abaixo, temos a área de exposição dos parceiros da Bikcraft, depoimentos e aprovação social e por fim, o serviço de seguros da Bikcraft.
As cores são diferentemente enfatizadas no plano Prata e Ouro, isso porquê queremos que o usuário assine o plano Ouro. Então damos foco nessa opção e expomos os benefícios adicionais que o usuário receberia.
Bicicletas
Na aba de bicicletas, temos o catálogo e lista das bicicletas feitas pela Bikcraft. No card de cada bicicleta, você terá o preço, nome, descrição e suas características padrão.
Também nessa tela, você terá uma área que novamente, de forma breve, apresenta ao usuário o serviço de seguros da Bikcraft.
A interface do site da Agilease foi desenhada em um grid de 4 colunas, com 20 de margem e gutter de 10.
As telas específicas de cada uma das bicicletas possuem o valor em cima do nome do modelo, fotos detalhadas do modelo, prazo de entrega, informações das especificações dos modelos e sua ficha técnica.
O uso de ícones em cada item das especificações dos modelos ajudam o usuário a entender e conciliar melhor o que cada bicicleta entrega.
Seguros, contato e termos & condições
- Seguros: descrição do seguro, planos de seguro e FAQ.
- Contato: área para enviar e-mail para contato ou suporte, mapa das filiais e lojas da Bikcraft.
- T&C: autoexplicativo.
As páginas de Suporte, Contato e T&C podem ser encontradas no footer e no header.
Experiência de compra do usuário
Para acrescentar ao projeto e deixar ele mais completo, tive a liberdade de desenhar e projetar a experiência de compra do usuário, passando pela revisão do pedido, escolha do frete, preenchimento das informações do cartão de crédito e confirmação.
Toda a experiência de compra do usuário utiliza somente uma única tela para evitar fricção e cargas cognitivas desnecessárias no usuário.
Conclusão
Como disse anteriormente, esse projeto é motivo de muito orgulho para mim devido a carga de aprendizado que tive no decorrer do desenvolvimento dele e pelo resultado final ter sido tão satistatório.
Sinta-se livre para dar uma olhada e navegar pelo protótipo no Figma para ter uma experiência completa!