[{"data":1,"prerenderedAt":255},["ShallowReactive",2],{"project:\u002Fdaniela-tombini:pt-br":3,"project:prev:\u002Fdaniela-tombini:pt-br":248,"project:next:\u002Fdaniela-tombini:pt-br":251},{"id":4,"title":5,"body":6,"category":219,"company":221,"cover":222,"date":223,"description":224,"extension":225,"featured":226,"image":227,"isPublic":226,"links":228,"meta":232,"navigation":226,"order":233,"path":234,"period":235,"role":236,"seo":239,"stack":240,"status":241,"stem":242,"tags":243,"__hash__":247},"projects_ptBR\u002Fprojects\u002Fdaniela-tombini.md","Daniela Tombini",{"type":7,"value":8,"toc":210},"minimark",[9,13,29,32,37,123,126,130,133,143,147,163,167,177,180,190,194,204,207],[10,11,12],"p",{},"A Daniela Tombini nasceu em Caçador, Santa Catarina, em dezembro de 1993 — a fundadora ganhou um chinelo de presente e começou a fabricar chinelos artesanais em casa. Em 1996 a empresa virou a primeira do Brasil a fabricar chinelo lavável com sola antiderrapante, o que abriu caminho pra robes, depois pijamas, depois toda a linha de moda íntima, praia e fitness que a marca tem hoje. Hoje são seis lojas físicas entre Santa Catarina e Paraná e 153 colaboradores (RAIS 2024) — uma fábrica de verdade por trás da loja, não um revendedor.",[14,15,18,26],"figure",{"className":16},[17],"rehype-figure",[19,20],"img",{"alt":21,"height":22,"src":23,"title":24,"width":25},"Home da Daniela Tombini, com hero em vídeo e categorias em destaque",675,"\u002Fimages\u002Fpages\u002Fprojects\u002Fdaniela-tombini\u002Fdaniela-tombini-home.png","Home",1200,[27,28,21],"figcaption",{},[10,30,31],{},"Na Avanti, essa foi uma das lojas VTEX que passaram pela minha mão — mexi em banner de home, listagem de categoria, página de produto e no checkout customizado via GTM.",[33,34,36],"h2",{"id":35},"por-baixo-do-capo","Por baixo do capô",[38,39,40,53],"table",{},[41,42,43],"thead",{},[44,45,46,50],"tr",{},[47,48,49],"th",{},"Camada",[47,51,52],{},"Tecnologia",[54,55,56,73,86,99,111],"tbody",{},[44,57,58,62],{},[59,60,61],"td",{},"E-commerce",[59,63,64,72],{},[65,66,71],"a",{"href":67,"rel":68,"target":70},"https:\u002F\u002Fhelp.vtex.com\u002Fen\u002F",[69],"nofollow","_blank","VTEX (Legacy)",", sem Store Framework",[44,74,75,78],{},[59,76,77],{},"Templates",[59,79,80,85],{},[65,81,84],{"href":82,"rel":83,"target":70},"https:\u002F\u002Fwww.dustjs.com\u002F",[69],"Dust.js",", renderizado no servidor",[44,87,88,91],{},[59,89,90],{},"JavaScript",[59,92,93,98],{},[65,94,97],{"href":95,"rel":96,"target":70},"https:\u002F\u002Fapi.jquery.com\u002F",[69],"jQuery",", JavaScript Vanilla",[44,100,101,104],{},[59,102,103],{},"Galeria\u002Flightbox",[59,105,106],{},[65,107,110],{"href":108,"rel":109,"target":70},"http:\u002F\u002Fwww.no-margin-for-errors.com\u002Fprojects\u002Fprettyphoto-jquery-lightbox-clone\u002F",[69],"prettyPhoto",[44,112,113,116],{},[59,114,115],{},"Analytics\u002FTags",[59,117,118],{},[65,119,122],{"href":120,"rel":121,"target":70},"https:\u002F\u002Fdevelopers.google.com\u002Ftag-platform\u002Ftag-manager",[69],"Google Tag Manager",[10,124,125],{},"Nada de React ou Store Framework — o Portal legado do VTEX renderiza tudo no servidor via template Dust.js, e o resto é jQuery e JavaScript puro em cima. Ajustar o checkout dessa geração de VTEX não tem edição direta: era entrar no Gerenciador de Tags, colar CSS customizado e testar em produção com cuidado redobrado — não tinha ambiente de staging fiel, e checkout é a última coisa que se quer quebrar numa loja com tráfego real.",[33,127,129],{"id":128},"duas-marcas-um-catalogo-so","Duas marcas, um catálogo só",[10,131,132],{},"Debaixo do mesmo domínio convivem duas marcas: \"Daniela Tombini\" pra lingerie, pijama e moda praia, e \"VIVAME\" pra fitness — legging, top, short, conjunto térmico. Hoje a loja tem mais de 1400 produtos ativos, com faceta por categoria, cor e tamanho.",[14,134,136,141],{"className":135},[17],[19,137],{"alt":138,"height":22,"src":139,"title":140,"width":25},"Categoria feminina com filtros de cor, tamanho e categoria","\u002Fimages\u002Fpages\u002Fprojects\u002Fdaniela-tombini\u002Fdaniela-tombini-categoria.png","Categoria — filtros",[27,142,138],{},[33,144,146],{"id":145},"a-ideia-do-video-na-lp","A ideia do vídeo na LP",[10,148,149,150,154,155,158,159,162],{},"Toda referência de marca de moda que eu olhava na época tinha a mesma coisa: vídeo na hero, não banner estático. Propus isso pro time e aprovaram. O ",[151,152,153],"code",{},"\u003Cvideo>"," precisava de ",[151,156,157],{},"muted"," e ",[151,160,161],{},"playsinline"," pra rodar sozinho no iOS, carregar assíncrono pra não travar o LCP, e ter fallback pra conexão ruim — tudo isso sem bundler, só HTML\u002FCSS\u002FJS direto no template.",[33,164,166],{"id":165},"a-pagina-de-produto","A página de produto",[10,168,169,170,158,173,176],{},"Meu PO na época queria mudar a página de produto e passou uma loja de referência pra dar ideia de direção — não tinha design pronto. O layout que ficou foi um grid de duas colunas com as imagens do produto inteiras, sem o padrão de thumbnail pequena + imagem grande. Clique abria a galeria com zoom. Também montei uma regra pra quando o produto tivesse vídeo: ele entrava na segunda posição do grid e tocava sozinho, sem controles visíveis. Tudo em ",[151,171,172],{},"document.createElement",[151,174,175],{},"getElementById",", buscando os dados via VTEX.",[10,178,179],{},"Tentei achar hoje um produto com vídeo pra confirmar que o comportamento ainda existe, mas não encontrei nenhum entre os mais de mil produtos do catálogo atual — pode ter saído do catálogo, ou eu só não tive sorte procurando. O grid de duas colunas, esse eu ainda vejo.",[14,181,183,188],{"className":182},[17],[19,184],{"alt":185,"height":22,"src":186,"title":187,"width":25},"Página de produto com o grid de imagens em duas colunas","\u002Fimages\u002Fpages\u002Fprojects\u002Fdaniela-tombini\u002Fdaniela-tombini-produto.png","Produto — grid de imagens",[27,189,185],{},[33,191,193],{"id":192},"institucional","Institucional",[14,195,197,202],{"className":196},[17],[19,198],{"alt":199,"height":22,"src":200,"title":201,"width":25},"Página Quem Somos, contando a origem da marca em Caçador","\u002Fimages\u002Fpages\u002Fprojects\u002Fdaniela-tombini\u002Fdaniela-tombini-quem-somos.png","Quem Somos",[27,203,199],{},[10,205,206],{},"A história da marca contada em detalhe, junto com as lojas físicas, vaga de trabalhe conosco e — desde 2023, por exigência legal — um relatório público de equidade salarial entre homens e mulheres.",[10,208,209],{},"Foi um dos projetos da Avanti que mais me ensinou a resolver problema de interface sem depender de framework nenhum — só JavaScript puro, atenção a detalhe e vontade de fazer bonito.",{"title":211,"searchDepth":212,"depth":212,"links":213},"",2,[214,215,216,217,218],{"id":35,"depth":212,"text":36},{"id":128,"depth":212,"text":129},{"id":145,"depth":212,"text":146},{"id":165,"depth":212,"text":166},{"id":192,"depth":212,"text":193},[220],"e-commerce","Avanti","\u002Fimages\u002Fpages\u002Fprojects\u002Fdaniela-tombini\u002Fdaniela-tombini-cover.png","2026-07-12","E-commerce de moda íntima e fitness em VTEX Legacy, de uma fabricante catarinense com mais de 30 anos — hero em vídeo, página de produto redesenhada e tracking via GTM.","md",true,"\u002Fimages\u002Fpages\u002Fprojects\u002Fdaniela-tombini\u002Fdaniela-tombini-detail.png",[229],{"label":230,"url":231},"www.danielatombini.com.br","https:\u002F\u002Fwww.danielatombini.com.br",{},3,"\u002Fprojects\u002Fdaniela-tombini","2022 – 2023",[237,238],"Frontend Developer","VTEX Specialist",{"title":5,"description":224},[71,97,84,110,122],"completed","projects\u002Fdaniela-tombini",[244,97,90,245,61,246],"VTEX","GTM","Moda","b5prrnXcI2vqwbP5enZa1kQ94lMbdkNTomvMNdK1SqY",{"path":249,"title":250,"order":212},"\u002Fprojects\u002Fprospecta-geo","Prospecta Geo",{"path":252,"title":253,"order":254},"\u002Fprojects\u002Falentejana","Adega Alentejana",4,1784312158604]