Todos os projetos

em produçãoamarofy.vercel.app2026

Amaro.fy · Crochê sob medida

A Amaro.fy vende crochê feito à mão: cada peça é tecida do zero, no tamanho e na cor da cliente, a partir de uma foto ou de uma ideia que ela manda. O site transforma isso numa narrativa guiada pelo scroll, do manifesto do feito sob medida ao processo em quatro passos, até uma galeria horizontal fixada com as peças…

HTML5CSS3JavaScript (vanilla)GSAPScrollTriggerLenisCanvas API

Sobre o projeto

A Amaro.fy vende crochê feito à mão: cada peça é tecida do zero, no tamanho e na cor da cliente, a partir de uma foto ou de uma ideia que ela manda. O site transforma isso numa narrativa guiada pelo scroll, do manifesto do feito sob medida ao processo em quatro passos, até uma galeria horizontal fixada com as peças prontas, com orientações de tamanho, cuidados e embalagem, e termina num formulário de pedido que monta uma mensagem de WhatsApp pronta pra enviar, com a conversa já preenchida. Feito à mão em HTML, CSS e JavaScript puro com GSAP, ScrollTrigger e Lenis, sem build, degradando com elegância no toque e no modo de movimento reduzido.

Como foi construído

Herói controlado pelo scroll

A abertura roda uma sequência de 100 frames desenhada num canvas conforme você rola, com um conjunto widescreen no desktop e um vertical no celular.

Montador de pedido no WhatsApp

O formulário de pedido e os chips de tamanho montam uma mensagem de WhatsApp pronta pra enviar, e a cliente cai numa conversa já preenchida com nome, peça e tamanho.

Galeria horizontal fixada

As peças prontas correm de lado numa faixa fixada no desktop e viram swipe nativo no toque, cada uma refeita na cor e no tamanho da cliente.

Assinatura do fio tecido

Um único fio de crochê em SVG desce pela margem e se desenha conforme a página rola, amarrando a ideia do artesanal ao layout inteiro.

Projetado, construído e colocado no ar por Bernardo Iannini

Entrar em contato