A rolagem é a caminhada

Menu, WhatsApp e rolagem (v17): o menu do topo leva a cada seção (Patagônia 360º, A expedição, O guia, Depoimentos, Saídas e preços) e "Contato" leva ao rodapé; a seção atual fica sublinhada. Em telas estreitas vira um botão que abre uma folha cheia com a lista e o WhatsApp. O botão flutuante do WhatsApp, no canto inferior direito, é um círculo discreto a 50% de opacidade que abre numa pílula "Fale com a equipe" com a mensagem pronta ao passar o mouse, focar ou tocar. As pausas de leitura deixaram de ser paradas: o vídeo continua devagar e o texto desliza, então nenhum trecho da rolagem fica sem efeito (medido de 30 em 30 px). A águia usa 120 quadros em vez de 240, começa a baixar cedo e em ordem e nunca mostra um quadro à frente do atual. O rodapé usa a silhueta do Cerro Torre e do Fitz Roy vista da Ruta 40, em camadas que só mudam de opacidade, e a lista do Marcos ganhou as bandeiras dos países.

Som: o site abre mudo. O som liga só no botão ♪ do pé da tela ou na tecla M, e nada toca ao rolar, tocar ou digitar antes disso; a escolha fica lembrada (o botão pisca no retorno, porque o navegador exige um clique para começar). Não há música, só paisagem sonora que acompanha a caminhada: vento em rajadas (ficam mais fortes quando se rola rápido), folhas de lenga nos capítulos 2 e 3, água distante no capítulo 4 e no mapa, passos no cascalho a cada trecho rolado na hero e no mapa (parado não há passo), ambiente baixo na expedição para a leitura, o vento e os gritos do próprio vídeo na águia e o silêncio chegando no rodapé. A respiração da abertura, o vento e os gritos da águia saem do áudio dos vídeos do projeto (96 KB no total, baixados só depois do clique); o resto é gerado no navegador. O carimbo do cartão de embarque faz um "toc" ao bater. Pausa quando a aba sai de vista.

Cartão de embarque e objetos de viajante: no capítulo 4 da hero, o preço e as saídas viram um cartão de embarque em papel claro: "a partir de" e R$ 6.900 grandes, a data da saída escolhida, quatro abas (Janeiro, Carnaval e os dois Outonos, com as datas) e o botão "Quero meu lugar", que abre o WhatsApp com a mensagem pronta da saída. Ao entrar no capítulo e a cada troca de saída, um carimbo de passaporte de El Chaltén bate no canhoto com a data da saída. Pelo site entram adesivos no bento (placa de trilha da Laguna de los Tres, escudo da Ruta 40, guanaco e condor-andino) e o lettering "Expedição Patagonia" do arquivo de logos como adesivo no rodapé. As silhuetas do condor (Andy Wilson) e do guanaco (Steven Traver) são de domínio público (CC0, PhyloPic); carimbo, placa e escudo são desenhos próprios, sem marca de terceiros. Os gestos respeitam o movimento reduzido, e o preço de R$ 9.900 com hotel segue no texto do cartão.

Rodapé: a barra final segue o modelo da Random na paleta da Soul Trek (© 2026 · "Feito com profissionalismo e intenção por:" com o símbolo e o nome da Random · "Voltar à trilha ↑"). A marca fica a 80% de opacidade e vai a 100% com o mouse; os créditos de relevo, mapa e imagens por IA passam para uma linha pequena logo acima.

Diagramação dos textos: uma varredura automática em sete tamanhos de janela, de 360 a 1920 px, procura quebras ruins, linhas viúvas, nomes partidos, texto que estoura a caixa e letra miúda. Títulos e legendas se equilibram sozinhos, os parágrafos evitam a última linha órfã, nomes próprios (El Chaltén, Fitz Roy, Soul Trek), números com unidade e palavrinhas (a, de, com) não se separam do vizinho, e o texto miúdo tem piso de 10,5 a 12 px mesmo em janela estreita. A chamada final fica em três linhas no desktop (Você estará com a gente / na próxima foto / no Fitz Roy?) e em quatro no celular, e some suave quando passa sob a barra do topo.

Desempenho: medido em desktop e celular, com CPU normal e quatro vezes mais lenta, e com rede de 200 KB/s. A hero deixou de forçar um layout por quadro (182 layouts em 6 s caíram para 9). A seção de depoimentos e fixação passou de cerca de 205 para 360 quadros em 6 s, e a do Marcos de cerca de 190 para 320. Com rede lenta, o primeiro conteúdo aparece em 0,6 s (antes 2,6 s) e o primeiro quadro da hero 29% a 39% antes.

Indicador de seção: sete traços finos no pé da tela. Só a seção atual mostra o nome, em fonte normal do site: Início, O grupo, A trilha, Fitz Roy, O mapa, A expedição e Patagônia. Antes eram sete rótulos em caixa alta e fonte de código.

Voz de agência: a hero diz o que a Soul Trek faz e para onde vai. O botão fixo passa a "Falar com a equipe" e as mensagens prontas do WhatsApp vão para a Soul Trek. Depois do bento entra "Como a Soul Trek organiza", com a preparação, o briefing técnico, a logística e a segurança em terreno, tudo tirado do roteiro.

Depoimentos em contêiner próprio: claro, com o relato da @_camimp em destaque e três cartões (@sil.bonfanti, @cchiandotti, @nakamura.luiz), fotos e textos dos destaques do Instagram, e o link para o resto.

Fotos de convivência: o réveillon do grupo numa estância, a chegada a El Chaltén, a bandeira na Laguna Torre e a selfie do grupo no mirante entram no lugar de três paisagens.

Águia: os textos usam o voo (o que ela vê do alto e o vento que a sustenta) e fecham com uma pincelada da tradição mapuche-tehuelche, em que as aves são werken, mensageiras do ar. A ave fica 15% mais escura para entrar no cenário, sem aro claro no contorno e sem sombra projetada. Do quadro 52 em diante ela voa na frente de tudo (textos, barra do topo, indicador, botão fixo e selo de IA): é o mesmo quadro recortado pela máscara, e recebe o que o quadro de baixo recebe até chegar ao texto, que é o escurecimento, a neblina, os véus escuros de leitura e o esmaecido do rodapé. Por isso, na borda, a ave e o fundo têm a mesma luz (com e sem a camada da frente a diferença medida na pausa final é de no máximo 9 em 255). Os cliques passam por ela. No close do olho isso não se aplica, porque a ave ocupa a tela inteira.

Marcos Junior em destaque: a página para e, atrás dele, passam os oito lugares do currículo, de Blåvatnet a Trolltunga. Cada lugar acende na lista quando aparece no vídeo, e a cor do cenário se espalha, clareada, pelo fundo da seção. No desktop o vídeo fica num cartão retrato nítido ao lado do texto; no celular, no alto da tela.

Neblina no voo: uma névoa leve e translúcida passa pelo quadro durante o voo sobre as lengas e some antes de o Fitz Roy aparecer. Não há nuvem desenhada no cume.

Nova ordem: hero, mapa, a expedição (texto, bentos, Marcos e a frase de fixação com o botão), o vídeo da águia e o rodapé.

Bentos com material real da pasta do Drive e do roteiro: grupos de dezembro de 2024, janeiro de 2025 e Páscoa de 2026, o Marcos, drone e o vídeo do outono.

Frase de fixação: "Sua alma aventureira já está lá. Imagine e viva!" As palavras acendem com a rolagem e "Garantir minha vaga" leva a saída escolhida.

Convite à rolagem: ao entrar, um mouse com a rodinha descendo e o texto "Role a página lentamente" aparecem no pé da hero e somem na primeira rolagem.

Abertura no quadro certo: no desktop a hero agora começa no quadro 20, com ela já de olhos na lente e o rosto inteiro, como no celular.

Qualidade e fluxo: todos os quadros dos vídeos originais, sem ampliar (hero 1920×1080, águia 1280×720, Marcos 1080×1920), em AVIF. A rolagem mistura os quadros vizinhos, usa uma mola sem degrau e as pausas entram e saem suavemente.

Fechamento: depois da águia, a página fica clara com "Você estará com a gente na próxima foto no Fitz Roy?" e o botão "Garanta sua vaga agora". As palavras sobem uma a uma e o rodapé escurece conforme a rolagem.

Rodapé: silhueta do Fitz Roy e do Cerro Torre calculada com o relevo real, vista da Ruta 23. Os textos ficam dentro da montanha e o sol da logo se põe atrás do Fitz Roy.