Apresentação do projeto

O porquê de cada detalhe

Cores, letras, traços e caminhos de compra, e as decisões técnicas por trás de cada funcionalidade da loja.

O ponto de partida

Uma marca feita à mão, vendida com confiança

O desafio era unir duas coisas: o afeto artesanal da Josiane e a segurança de uma loja online de verdade.

Afeto

Cada peça tem história, nome e cuidado.

Sofisticação

Um visual premium que valoriza o preço do trabalho manual.

Clareza

Quem entra precisa entender na hora: aqui eu compro.

A paleta de cores

Rosa e dourado, vindos da própria logo

Dourado

Destaques e botões

Valor, cuidado e acabamento nobre, como um fio dourado na costura.

Rosa

Afeto e acolhimento

Delicadeza, carinho e o universo feminino e infantil da marca.

Creme

Fundos

Lembra tecido cru e papel: calma, natural, artesanal.

Cacau

Textos

Mais suave que o preto: elegante, quente e fácil de ler.

Equilíbrio das cores

Muito fundo claro, pouco dourado

O dourado aparece pouco de propósito: assim, onde ele surge, em botões, ícones e títulos, o olhar vai direto.

Fundos claros

Deixam as fotos das peças como protagonistas.

Sem preto puro

O texto em cacau mantém o clima acolhedor.

Dourado como guia

Indica o que é clicável e importante.

As letras

Três letras, três vozes

Afeto

Caligrafia · Allura

Ecoa a assinatura da logo. É o toque pessoal, como um nome bordado.

Elegância

Títulos · Cormorant

Clássica e refinada: passa tradição e qualidade artesanal.

Clareza

Textos · DM Sans

Moderna e limpa: preços, botões e informações fáceis de ler no celular.

Traços e formas

Linhas finas como costura

Bordas douradas finas, molduras e círculos lembram o fio, a linha e o bastidor de bordado.

Bordas finas douradas

Emolduram as peças como algo especial, quase uma vitrine.

Círculos nas categorias

Remetem ao bastidor de bordado e aos círculos da logo.

Cantos suaves

Nada agressivo: formas delicadas e acolhedoras.

Fotografia

A peça é a estrela

As fotos reais das peças ganham espaço e fundo limpo. Imagens com nomes bordados mostram, sem explicar, que tudo é personalizável.

A primeira tela

Em 3 segundos: aqui eu compro

Título direto

“Peças personalizadas, feitas à mão” diz o que é vendido.

Um único botão

“Comprar agora” evita dúvida sobre o próximo passo.

Carrossel com preço

Produtos e banners promocionais já na entrada.

A ordem da página inicial

Uma conversa que leva à compra

1

Mostrar

Destaques, categorias e mais vendidos: o cliente vê o que existe.

2

Tranquilizar

Formas de pagamento e prazos visíveis tiram dúvidas cedo.

3

Encantar

Como funciona a personalização e depoimentos de clientes.

4

Aproximar

A história da Josiane cria vínculo e justifica o valor.

Detalhes que vendem

Facilitar o pedido sob medida

Campo de personalização amplo

Espaço para nome, frase e até envio de arquivo de referência.

Prazo em destaque

Cada peça mostra seu prazo de produção num quadro dourado.

WhatsApp sempre à mão

Botão fixo para tirar dúvidas como numa loja física.

A voz da marca

Escrita em primeira pessoa, com carinho

Os textos falam como a Josiane fala: próximos e verdadeiros. A trajetória desde 2018 mostra dedicação, e quem conhece a história valoriza a peça.

Parte 2 · Por trás da vitrine

Como a loja funciona

Cada funcionalidade da loja e o motivo de cada decisão técnica: o que foi feito no tema, o que vem da Nuvemshop e o que precisou de um app.

A base

Nuvemshop com um tema próprio

Por que assimA Josiane vende com a estrutura de uma plataforma grande, sem servidor para manter, e continua com uma identidade visual só dela.

A Nuvemshop cuida do crítico

Pagamento, checkout seguro, estoque, pedidos, e-mails e segurança do site.

Um tema feito sob medida

O design do site original foi reconstruído sobre o Ipanema, o tema oficial da Nuvemshop, que continua recebendo as melhorias da plataforma.

Mudanças com segurança

Cada ajuste é testado numa cópia da loja antes de ir ao ar, e todo o código fica guardado com histórico no GitHub.

Autonomia

O dia a dia, sem depender de programador

Tudo o que muda com frequência ficou editável pelo painel e pelo editor do tema, sem tocar em código.

Banners

Trocar, adicionar ou tirar campanhas, com ou sem texto sobre a imagem.

Textos

Títulos, “Como funciona”, depoimentos e a história, direto no editor.

Produtos

Cadastro, fotos, destaques e novidades da página inicial.

Menus e redes

Menus do topo e do rodapé, logo, Instagram e WhatsApp.

Caminho de compra

Dois botões, duas intenções

Adicionar ao carrinho

Para quem quer continuar escolhendo. No celular vira “Add carrinho”, para caber ao lado da quantidade.

Comprar agora

Coloca a peça na sacola e leva direto para a entrega e o pagamento.

Por que assimFeito no próprio tema, sem app e sem mensalidade. O “Comprar agora” usa o mesmo caminho do carrinho, então estoque, variações e personalização são sempre conferidos.

R$ 150,00

−1+

Adicionar ao carrinho

Comprar agora

Não conseguimos adicionar esta peça. Talvez você já tenha na sacola todas as unidades disponíveis.

Aviso quando o estoque não permite mais uma unidade

Prazo de produção

Um prazo por peça, com uma tag

Uma mochila não leva o mesmo tempo que um estojo. Cada produto mostra o próprio prazo num quadro dourado, logo abaixo do preço.

Por que assimA Nuvemshop não tem um campo de prazo de produção. Em vez de pagar um app, o quadro lê uma tag do produto: sem custo e editável no próprio cadastro.

prazo: 15 dias úteis

Prazo de produção: 15 dias úteis

Cada peça é feita à mão após a confirmação do pedido. O prazo de entrega é somado a este.

Produto sem tag mostra o texto padrão, editado no editor do tema

Personalização

Nome e arte que chegam ao pedido

Por que um appO tema desenha a página, mas quem grava o pedido é a Nuvemshop, que não tem campos para a cliente preencher. Um campo feito só no tema apareceria na tela e se perderia no caminho.

App Campo Personalizado

Campos de texto, cor, data e envio de imagem, gravados junto com o item até o pedido e o e-mail.

Nível 1 já resolve

R$ 59/mês para nome e arte. O Nível 2 (R$ 249/mês) só vale pela prévia ao vivo da peça.

Por categoria

Os campos valem para uma categoria inteira: produto novo já entra com eles.

Tema preparado

Funciona com os dois botões de compra. Há um passo a passo visual na página de recursos.

Pagamento

Pagar fácil, aprovar sozinho

Cartão de crédito

Em até 3 vezes sem juros, aprovado na hora.

Pix

Com 5% de desconto, que aparece já na página do produto. Confirmado em minutos.

Boleto

Para quem prefere. Confirmado em até alguns dias úteis depois de pago.

Por que o Nuvem PagoEle é integrado à loja: o pedido muda para “pago” sozinho, sem a Josiane conferir extrato, e a cliente paga no checkout da própria Nuvemshop.

Frete

A cliente escolhe como receber

Por que o Nuvem EnvioPreços de parceria com as transportadoras, etiqueta já paga pelo painel e código de rastreio enviado à cliente sem trabalho manual.

Correios: PAC, SEDEX e Mini

Do mais barato ao mais rápido. O Mini serve para peças leves, como as lembrancinhas.

Jadlog: Econômico e Rápido

Alternativa aos Correios, com seguro incluso.

Produção dentro do prazo

7 dias somados à entrega: a data que a cliente vê já considera a costura.

Peso e medidas

Cada produto precisa delas para o cálculo dar o valor certo.

Gestão dos pedidos

Do pedido à entrega

1

Pago

O pagamento é confirmado sozinho e chega um e-mail. Só então a produção começa.

2

Produzir

No pedido estão o produto, o endereço e o nome e a arte da cliente.

3

Embalar

“Marcar como embalada” deixa o pedido pronto para postar.

4

Enviar

Etiqueta impressa pelo painel, pacote no ponto de postagem, rastreio para a cliente.

5

Arquivar

Depois da entrega, o pedido sai da lista e só fica o que tem algo a fazer.

Pedido não pago: esperar até 3 dias no Pix e 5 dias úteis no boleto, lembrar a cliente e, se for o caso, cancelar.

Endereço próprio

Um endereço com a cara da marca

jcatelie.com.br

🔒 Conexão segura (https)

Fácil de lembrar e divulgar

Curto, com o nome do ateliê, bom para Instagram, cartão e etiqueta.

Nenhum link perdido

O endereço antigo da Nuvemshop leva automaticamente para o novo.

Cadeado de segurança

Certificado emitido e renovado pela Nuvemshop, sem custo extra.

Qualidade

Testado como uma cliente

Antes de cada mudança ir ao ar, a loja foi usada como uma cliente usaria, no computador e no celular.

Compra completa

Da página do produto até o código Pix, na loja publicada.

Sacola com vários produtos

Somar, diminuir, remover e passar do estoque, conferindo o total até o pagamento.

Defeito achado e corrigido

Sem estoque, o clique não dava retorno. Agora a cliente vê um aviso explicando.

Documentação

Tudo explicado, dentro da própria loja

Guia da loja

Banners, textos, produtos, personalização, pedidos e frete, passo a passo, com lista de conferência.

jcatelie.com.br/guia-da-loja

Recursos de personalização

As escolhas de cada recurso e um passo a passo visual para configurar o app.

jcatelie.com.br/recursos-de-personalizacao

Esta apresentação

O projeto visual e as decisões técnicas, para consultar quando precisar.

jcatelie.com.br/apresentacao

As três páginas ficam fora do menu e não aparecem no Google: são só para a equipe.

Próximos passos

O que falta para ficar completa

A loja já vende. Estes passos completam a experiência, e todos estão descritos no guia.

Ativar o Campo Personalizado, decidir os produtos com campos e testar uma compra.
Peso e medidas em cada produto, para o frete calcular e o valor fixo de R$ 20 sair.
Tags de prazo nos produtos com prazo diferente do padrão.
Depoimentos reais no lugar dos ilustrativos.
Cancelar o pedido de teste #100.

Em resumo

Afeto que se vê, confiança que se sente.

Cada cor, letra, traço e funcionalidade foi escolhido para que a cliente sinta o cuidado do ateliê, e compre com segurança.