Bolsas Chick: proposta para uma navegação mais limpa e elegante

• Se houver volume de roupas e sapatos, eles podem virar um sexto grupo, "Moda". Até lá, ficam em Acessórios.
• O menu deve ficar fixo ao rolar a página, em versão compacta (só logo, os cinco grupos e os ícones).
• O botão azul flutuante no canto superior direito destoa da paleta. Se for um widget, vale trocar a cor ou escondê-lo.

No padrão das grandes lojas de luxo: dentro de "Bolsas", uma linha de abas com os tipos e, logo abaixo, uma faixa de modelos com foto. Sua cliente filtra sem abrir menu nenhum.

• Na home, os dois blocos de categoria atuais ("Explore por categoria", só com texto, e os cards com foto de Relógios, Cintos, Óculos e Sapatos) viram um único bloco com foto, no formato acima.
• Filtros laterais na listagem: tipo, cor, tamanho, faixa de preço e ordenação (novidades, menor preço, maior preço).

Dica: um gabarito fixo no editor de imagem (quadro 4:5 com linhas-guia de margem) resolve a maior parte disso, mesmo com fotos já tiradas.

• Nome em caixa normal (não caixa alta), no máximo duas linhas.
• Um preço em destaque e uma linha de apoio que explica o resto.
• Nada de selo em cima da foto: a foto fica limpa. O "10% off no Pix" aparece uma vez só, na faixa do topo e nos benefícios, e no card fica apenas o "no Pix" discreto ao lado do preço.

Um bloco editorial depois de "Mais vendidas", com um título curto ("Desde 2012, escolhendo cada peça com cuidado.") e três números grandes em fonte fina: tempo de mercado, produtos vendidos e o selo do Reclame Aqui. Os números contam do zero até o valor quando o bloco aparece na tela.

• Use números reais e arredondados. Como o site diz "desde 2012", o tempo de mercado fica fácil.
• O selo do Reclame Aqui entra em preto e branco, para não destoar da paleta. O ideal é usar a versão oficial que o Reclame Aqui fornece para a loja.
• Fica no meio da página, e não logo abaixo do banner: ali uma faixa de números compete com o vídeo e deixa o topo carregado.

Um texto curto e elegante, no estilo das grandes lojas de luxo, que leva direto às respostas, com o link sublinhado. O foco é a cliente resolver sozinha; os contatos aparecem só abaixo, em letra pequena. Ele entra em quatro lugares: na página de produto, logo abaixo do botão de compra; no carrinho; no rodapé; e na home, como atalho para a Central de ajuda.

Central de ajuda: uma página que resolve as dúvidas

A ideia é que a maior parte das dúvidas se resolva sem conversa. Por isso, todos os blocos de ajuda apontam primeiro para uma landing page única, a Central de ajuda. No protótipo, essa página já está montada (link "Ajuda" no topo da home).

• Topo: título "Como podemos ajudar?" e uma busca que filtra as perguntas enquanto a pessoa digita.
• Atalhos por tema: Pedidos e entrega, Trocas e devoluções, Pagamento, Medidas e materiais, Cuidados com a bolsa, Minha conta.
• Perguntas em sanfona: respostas curtas, abertas uma de cada vez. Os textos finais são seus (prazos, regras de troca); no protótipo, as respostas são exemplos.
• No fim, "Ainda com dúvida?": formulário de mensagem como canal principal, depois telefone e e-mail com horário.

WhatsApp presente, mas discreto

• Sai o botão verde flutuante, que fica em cima de todas as páginas e chama a pessoa para a conversa antes de ela procurar a resposta.
• O WhatsApp entra sempre por último na lista de canais, como link de texto, igual aos outros.
• Na faixa do topo, "Atendimento pelo WhatsApp" vira "Central de ajuda". Nas redes sociais do rodapé, ficam só Instagram e YouTube.
• Na home, o bloco "Detalhes que fazem diferença" leva à landing page que reúne todas as respostas: materiais, medidas, compra, pagamento, entrega, garantia e perguntas frequentes.
• Contatos e horário ficam sempre em letra pequena, abaixo do texto principal.

A home segue a mesma linguagem da landing "Detalhes que fazem diferença", para o site parecer uma marca só.

• Tipografia: títulos em serifa elegante (Playfair Display, a mesma da landing) e textos em sem serifa limpa. Duas fontes no máximo, sem manuscritas ou decorativas.
• Paleta quente: creme, caramelo, conhaque, preto e areia. Fotos com fundo creme e luz quente; evitar fundos frios (lilás, azulado) e bolsas em cores saturadas nas vitrines da home.
• Fotos editoriais: nos banners de coleção, a bolsa aparece inteira, com luz e sombra marcando o clima (sol, noite). Close de detalhe fica para a landing.
• Texto corrido: subir para 15–16 px e escurecer o cinza. Quebras de linha equilibradas, sem palavra sozinha na última linha.
• Cantos: retos ou quase retos (0–2 px) em banners e cards.
• Botões: dois estilos só: preto preenchido (ação principal) e texto sublinhado (ação secundária).
• Espaçamento: o mesmo respiro entre todas as seções (ex.: 96 px no desktop, 56 px no celular).
• Contornos e círculos pretos grossos: evitar molduras pesadas em volta de imagens.

• Vídeo de ponta a ponta, curto e em loop, com a bolsa em destaque e espaço livre à esquerda para o texto.
• Menu transparente por cima do vídeo; ao rolar a página (ou passar o mouse), ele ganha fundo creme.
• Texto escuro sobre uma luz suave à esquerda, só o suficiente para leitura. Nada de faixa preta ou desfoque pesado separando vídeo e texto.
• Título em três linhas ("Peças / escolhidas / uma a uma.") e subtítulo em duas: "Curadoria de bolsas e acessórios, / com atenção a cada detalhe."
• No celular, o vídeo fica em cima e o texto embaixo.

Antes de "Mais vendidas", uma linha com as marcas, sem fundo e sem moldura, como no site atual: Louis Vuitton, Chanel, Hermès, Gucci, Prada, Saint Laurent, Dior, Bottega Veneta e Celine, cada uma levando à sua página.

• Logos todos em preto, na mesma altura visual, com bastante espaço entre eles e o título.
• Usar os arquivos oficiais de cada marca, em vetor (SVG), para não perder nitidez. No protótipo publicado, os nomes aparecem escritos no lugar dos logos.

• Linha Original Bolsas Chick: banner de ponta a ponta, como o do topo, com a foto da bolsa à direita, título, a frase "Descubra por que a Linha Original Bolsas Chick se diferencia tanto pela qualidade, pelos detalhes e pela precisão." e o botão "Conhecer a linha".
• "Detalhes que fazem diferença": bloco escuro com a foto e a tipografia da landing, deixando claro que leva a uma página com todas as respostas (material, medidas, como comprar, pagamento, entrega, garantia e perguntas frequentes). Botão: "Ver todas as respostas".
• Landing em tela cheia: fundos e fotos de abertura de ponta a ponta, conteúdo numa coluna central e cada bloco cabendo na altura da tela, sem precisar rolar dentro dele.
• O bloco "Nossa história" sai da home; a marca continua apresentada no menu "Sobre" e na landing.