O objetivo do projeto foi o de modernizar a loja enquanto continuávamos a valorizar as fotos e a qualidade dos produtos, um diferencial da marca.
Além de tornar o visual da loja elevado e mais próximo dos benchmarks levantados pelo marketing da Biamar.
Cliente
Biamar Malhas
Segmento
Moda, E-commerce
Ano
2021 — 2022
O objetivo do projeto foi o de modernizar a loja enquanto continuávamos a valorizar as fotos e a qualidade dos produtos, um diferencial da marca.
Além de tornar o visual da loja elevado e mais próximo dos benchmarks levantados pelo marketing da Biamar.
Cliente
Biamar Malhas
Segmento
Moda, E-commerce
Ano
2021 — 2022
O objetivo do projeto foi o de modernizar a loja enquanto continuávamos a valorizar as fotos e a qualidade dos produtos, um diferencial da marca.
Além de tornar o visual da loja elevado e mais próximo dos benchmarks levantados pelo marketing da Biamar.
Cliente
Biamar Malhas
Segmento
Moda, E-commerce
Ano
2021 — 2022
Contexto:
Contexto:
Contexto:
Há mais de trinta anos no mercado, a Biamar se destaca hoje como uma das mais importantes marcas de malhas e tricots, focada em malharia retilínea e de produção 100% nacional.
Havia várias melhorias que poderiam ser implementadas na loja virtual, tanto para modernizar o visual quanto para trazer um fluxo de compra mais direto e upgrades com novas funcionalidades (minicart, smart-checkout, login direto pelas redes sociais etc).
Há mais de trinta anos no mercado, a Biamar se destaca hoje como uma das mais importantes marcas de malhas e tricots, focada em malharia retilínea e de produção 100% nacional.
Havia várias melhorias que poderiam ser implementadas na loja virtual, tanto para modernizar o visual quanto para trazer um fluxo de compra mais direto e upgrades com novas funcionalidades (minicart, smart-checkout, login direto pelas redes sociais etc).
Entregáveis:
Entregáveis:
Entregáveis:
Começamos recebendo o briefing com materiais essenciais para a criação layout. Referências visuais, benchmarks, entender um pouco mais da visão e do mercado que a Biamar trabalha foi essencial para criar um ecommerce dentro das expectativas dos stakeholders.
O projeto foi desenvolvidos para ser responsível, e otimizado para visualização mobile. Foi entregue em etapas para o cliente nas versões desktop 1366px e 1920px, e mobile 360px pensando nos usuários extremos que utilizam telas pequenas.
Foram mais de 110 telas criadas (desk e mob), com variações de compra, carrinho, fluxos, além de um protótipo navegável.
Começamos recebendo o briefing com materiais essenciais para a criação layout. Referências visuais, benchmarks, entender um pouco mais da visão e do mercado que a Biamar trabalha foi essencial para criar um ecommerce dentro das expectativas dos stakeholders.
O projeto foi desenvolvidos para ser responsível, e otimizado para visualização mobile. Foi entregue em etapas para o cliente nas versões desktop 1366px e 1920px, e mobile 360px pensando nos usuários extremos que utilizam telas pequenas.
Foram mais de 110 telas criadas (desk e mob), com variações de compra, carrinho, fluxos, além de um protótipo navegável.
Styleguide
Styleguide
Styleguide
Montamos um styleguide para previsionar todos os comportamentos de formulários, botões e avisos.
Esse entregável fez parte tanto para validação com os stakeholders quanto para reaproveitar componentes e ajudar na elaboração de páginas futuras pelo cliente, além de servir de insumo para o desenvolvimento.
Montamos um styleguide para previsionar todos os comportamentos de formulários, botões e avisos.
Esse entregável fez parte tanto para validação com os stakeholders quanto para reaproveitar componentes e ajudar na elaboração de páginas futuras pelo cliente, além de servir de insumo para o desenvolvimento.
Inclusão de funcionalidades:
Inclusão de funcionalidades:
Inclusão de funcionalidades:
Smart checkout: funcionalidade nativa Vtex para aumento em conversões durante pagamento;
Smart search: pré-resultados e busca por sinônimos;
Favoritar produto sem logar: solução que desenhamos um fluxo diferenciado, com produtos favoritados via cache do navegador;
Minicart: preview de produtos e sugestão de vendas;
Login via redes sociais;