Pular para o conteúdo
E-commerce de moda

VNSK WEAR — Uma loja de streetwear que nunca vende um tamanho que não está no estoque

VNSK WEAR (VENSKO) é uma marca de streetwear de Moscou que lança suas coleções em drops pequenos. Projetamos e desenvolvemos a loja online da marca: uma vitrine monocromática no espírito do lookbook, um catálogo alimentado ao vivo pelo sistema de estoque MoySklad, um checkout com entrega CDEK para a Rússia e a CEI e um painel em que a equipe trabalha sem depender de desenvolvedor.

VNSK WEAR — Uma loja de streetwear que nunca vende um tamanho que não está no estoque

Desafio

Uma marca que vive de drops esgota por tamanho, não por produto. Um moletom pode acabar no M/L enquanto o XS/S ainda está na prateleira, e cada pedido de um tamanho que já não existe vira reembolso, pedido de desculpas e um cliente que não volta. O estoque ficava no MoySklad, os pedidos chegavam por mensageiros, e a marca precisava de uma loja tão cuidadosa quanto seus ensaios fotográficos, que soubesse, no momento do clique, exatamente o que restava.

Abordagem

Fizemos do MoySklad a única fonte da verdade e construímos todo o resto em volta dele. A vitrine é discreta de propósito: fotos de estúdio em fundo branco, o logotipo em itálico da marca e uma fonte de máquina de escrever, para que a roupa fale. Por baixo, cada tamanho tem seu próprio estoque ao vivo, o checkout calcula o frete CDEK para a cidade do comprador, e os pedidos caem num painel com status, cupons e acessos para os gerentes.

Uma loja com cara de lookbook

A marca já tinha uma linguagem visual forte: silhuetas oversize em fundo branco, o logotipo VENSKO em itálico e uma paleta monocromática segura de si. A loja usa tudo isso em vez de acrescentar uma camada própria. A primeira tela é uma foto de dois looks com as letras VNSK entre eles e uma única ação: ir ao catálogo.

Mais abaixo, a página inicial funciona como uma vitrine:

  • New drop: blocos levam às categorias, dos clássicos e camisas à cápsula Old Money.
  • Mais vendidos: um carrossel de acessórios, o complemento mais fácil para um pedido.
  • Filosofia fecha a página com o manifesto da marca e um caminho para o lookbook.

Tudo o que é funcional usa uma fonte monoespaçada de máquina de escrever, e o logotipo fica para os títulos, então nomes, tamanhos e preços se leem como a etiqueta de uma peça.

Seção New drop da página inicial da VNSK WEAR com os blocos de categorias
Os blocos de categorias levam da página inicial direto ao catálogo, cada um com a própria peça, e não com uma foto de lifestyle.

Um estoque que nunca erra

Cada produto, preço e tamanho vem do MoySklad, o sistema que a marca já usava no depósito. Não existe uma segunda cópia do catálogo para sincronizar: quando um tamanho esgota no depósito, ele deixa de estar disponível na loja.

O estoque é controlado por tamanho, não por produto. A página do produto mostra quantas peças restam no tamanho escolhido, e um tamanho sem estoque não pode ir para o carrinho. A marca trabalha com tamanhos duplos como M/L e XS/S, então a loja os relaciona do jeito que o MoySklad os registra, e um pedido antigo lançado no produto principal não bloqueia mais a venda de um tamanho que realmente está disponível.

Página de produto da VNSK WEAR de um moletom com zíper verde-oliva, com seletor de tamanho e estoque ao vivo
A página de produto: galeria, os tamanhos que a marca realmente produz, o estoque ao vivo do tamanho escolhido e um único botão.

Checkout para a Rússia e a CEI

A marca envia pedidos para onze países, da Rússia e do Cazaquistão à Armênia e à Geórgia, sempre pela CDEK. No checkout, o comprador escolhe o país e a cidade, vê a tarifa da CDEK para entrega padrão ou expressa enquanto digita e escolhe um ponto de retirada num mapa do Yandex ou informa um endereço para o entregador.

Os cupons valem no carrinho, e o desconto fica visível até o total. O pagamento segue o jeito como a marca realmente recebe: em criptomoeda direto na loja, e com cartão ou SBP por meio de um gerente no Telegram.

Um painel que a própria marca administra

Uma equipe pequena não pode esperar um desenvolvedor para trocar um banner. A loja tem um painel próprio com:

  • um dashboard com a situação da loja numa olhada;
  • pedidos por status, de novos e em processamento a enviados, entregues e cancelados;
  • cupons criados e desativados em dois cliques;
  • gerentes com acessos próprios e um registro de quem mudou o quê;
  • o conteúdo do site, para trocar drops e textos sem publicar uma nova versão.

Entre um drop e outro, um único botão pausa as vendas sem tirar o site do ar: o catálogo continua aberto, mas ninguém consegue pagar por peças que estão sendo recontadas.

No celular

Streetwear se compra pelo celular, quase sempre direto das redes sociais. A versão mobile mantém a mesma ordem: primeiro a foto e um botão, as categorias numa faixa horizontal, fotos de produto grandes o bastante para avaliar o tecido e tamanhos em botões feitos para o polegar.

Três telas da VNSK WEAR no celular: início, catálogo e página de produto
Início, catálogo e página de produto no celular: o mesmo layout tranquilo, sem nada escondido atrás de toques extras.

Feita para ser encontrada e medida

Uma loja com cem produtos só se paga se os buscadores conseguirem ler cada um deles. Cada produto tem title, description e prévia para redes sociais próprios, o sitemap lista todas as categorias e produtos, e o checkout, o painel e a API ficam fechados para robôs. Os dados estruturados descrevem a marca como loja online com política de trocas, o catálogo e as avaliações como páginas de coleção e o lookbook como galeria de imagens, para que os resultados de busca mostrem mais que um link azul.

A análise respeita primeiro o comprador. O Yandex Metrica e o pixel da Meta só carregam depois do consentimento, o Webvisor mascara os campos do checkout, e os eventos de e-commerce usam os mesmos IDs do MoySklad que o feed de produtos do Yandex Direct, então os relatórios de anúncios e de estoque falam dos mesmos produtos.

Desenvolvimento

A vitrine é HTML, CSS e JavaScript estáticos servidos pelo nginx, o que mantém o catálogo rápido em redes móveis e a hospedagem barata. Uma API em Node.js separada, num servidor próprio na nuvem, conversa com o MoySklad, a CDEK e o provedor de pagamento e guarda os pedidos, então a vitrine não guarda nenhum segredo.

A VNSK WEAR reúne nosso desenvolvimento web, nosso design de produto e nosso SEO. Se você está calculando o orçamento de uma loja assim, nosso guia sobre preço fechado ou cobrança por hora explica as vantagens e desvantagens. Vai lançar sua própria marca? Conte para a gente.

O que entregamos

  • Catálogo, preços e estoque por tamanho sincronizados ao vivo com o MoySklad
  • Estoque por tamanho que impede um tamanho esgotado de chegar ao carrinho
  • Checkout com tarifas da CDEK, pontos de retirada num mapa do Yandex e entrega para 11 países
  • Painel com pedidos por status, cupons, acessos de gerentes, conteúdo e registro de ações
  • SEO por produto, dados estruturados, sitemap completo e análise só com consentimento

Perguntas frequentes

Vende as roupas e os acessórios da marca com estoque por tamanho ao vivo do MoySklad, entrega CDEK para a Rússia e a CEI, cupons e um painel em que a equipe cuida dos pedidos e do conteúdo.

Para que o site e o depósito nunca discordem. Produtos, preços e estoque vêm do MoySklad, e um tamanho esgotado não pode ser pedido.

Para onze: Rússia, Cazaquistão, Belarus, Uzbequistão, Quirguistão, Armênia, Azerbaijão, Tajiquistão, Moldávia, Geórgia e Turcomenistão, sempre pela CDEK, em ponto de retirada ou na porta.

Sim. Pedidos, cupons, gerentes, conteúdo do site e um botão que pausa as vendas entre drops ficam no painel próprio da loja.

Um front-end estático é rápido em redes móveis e barato de hospedar, e uma API em Node.js separada mantém todas as integrações e chaves no servidor. A marca não paga comissão a nenhuma plataforma e é dona de todo o seu código.

Por dentro do site

VNSK WEAR — tela desktop 1.1
VNSK WEAR — tela desktop 1.2
Depoimento do cliente

“Lançamos em drops pequenos, então a pior coisa que uma loja pode fazer é vender um tamanho que não temos mais. A Sakura ligou o site direto ao MoySklad, e agora estoque, pedidos e entrega ficam num só lugar. A loja tem a cara do nosso lookbook, e a gente cuida dela sozinho, sem ligar para um desenvolvedor.”

NikitaVNSK WEAR

Começar um projeto parecido

sakura