← Trabalhos
Goldgo Change
Landing page para uma casa de compra e venda de ouro em Lisboa. Sala de cofre em carvão com o ouro como único sinal de luz, lingote 3D com moedas em órbita, constelação de metais, simulador de valor e uma faixa clara com barras a flutuar.
- Segmento
- Compra e venda de ouro
- Entrega
- Landing page
- Origem
- Projeto conceito
- Ano
- 2026
- Tecnologia
- Astro, Tailwind CSS, Three.js, GSAP
Projeto conceito: o negócio é fictício, criado para explorar o segmento. O design e o código são reais.
O desafio
Quem vende ouro tem medo de ser enganado: não sabe quanto vale a peça, nem se o teste é honesto. Quem compra para investir quer saber o preço e a pureza antes de sair de casa.
A proposta foi uma página que passasse a sensação de um terminal financeiro e respondesse às duas perguntas logo à entrada: quanto vale e como é feito.
A solução
- Sala de cofre. Carvão quase preto, tudo plano, e o ouro como único sinal de cor: na ação principal, nos números e nos objetos. Títulos enormes em peso leve e caixa alta, etiquetas técnicas espaçadas.
- Constelação de metais. O lingote ao centro e doze nós em anel (ouro, prata, platina, paládio, quilates, XRF), ligados por tracejado. Mostra tudo o que a casa avalia pela geometria, não por uma lista.
- Uma só faixa clara. A secção da poupança quebra o escuro com barras de ouro isométricas a flutuar nas pontas.
- Experiência de scroll (GSAP). O título sobe linha a linha, os nós de metal aparecem e flutuam à volta do lingote, a constelação desenha-se do centro para fora, os números contam, a linha do processo desenha-se e as barras da faixa clara derivam a velocidades diferentes. Tudo parado para quem prefere menos movimento.
- Lingote em 3D. Um lingote de 1 kg em Three.js, com metal físico e gravação no topo, a rodar sem parar no centro do topo. Três moedas de onça gravadas orbitam à volta, numa nuvem de pó de ouro, e a cena inclina-se de leve para o lado do rato. Fica parado para quem prefere menos movimento.
- Dúvidas em acordeão. Perguntas numeradas, com uma moeda dourada a marcar a que está aberta.
- Simulador. Peso e teor (incluindo o ouro português de 19,2 quilates) dão a estimativa de compra no momento.
- Transparência. Faixa de cotações, tabela de barras e moedas e o processo em quatro passos, tudo à vista.
- Contactos genéricos de Lisboa. Marcação pelo WhatsApp ou por telefone.
O que uma casa real ganharia
- Clientes que chegam ao balcão já com uma ideia do valor e mais confiança.
- Menos perguntas repetidas por telefone: documento, custo da avaliação, certificados.
- Uma imagem de instituição financeira, não de “compro ouro” de esquina.
A estrutura
A landing numa folha
Role dentro da moldura: é o site real, a correr dentro da Babrand.
