O que eu fiz e o que você pediu.

Veredito

Funciona, mas ainda não tem a cara que você pediu. A parte técnica está pronta: tudo o que o site atual tem (menos 2 itens), carrega rápido, checkout real e a cor forte da obra nas páginas de obra e coleção. O que define o seu briefing não chegou: museu contemporâneo de alto padrão, expografia coerente e animação gostosa. A obra é pequena, a home é uma cor chapada com blocos de outras cores, e tudo é pílula e cartão: parece um app de tecnologia bem-feito, não uma galeria.

Placar, item por item

Nota de 0 a 10 em cada princípio e pedido: a média da minha nota com a de um crítico independente, que não fez o design e avaliou os mesmos prints mais testes próprios no link no ar. Cada nota tem o print que a prova; clique para ampliar.

1. Alma, artsy, nunca bregaPrincípio 1

5,5

eu 6 · crítico 5

• A obra tem etiqueta de museu, a página diz de onde vem a cor da parede, e o “pintado camada por camada” é bonito e verdadeiro.
• Moldura “Classic Gilded” com veio de madeira laranja de computador: o ponto mais brega, na hora de cobrar +$410.
• Sala de IA com sofá de couro em 3 lugares, boneco branco de escala, “Ask Joey” sem foto.

2. Museu contemporâneo de alto padrãoPrincípio 2

4,5

eu 5 · crítico 4

• Coleção respeita o formato de cada obra; ficha do original e 270 museus de verdade.
• A arte é coadjuvante: no topo da home manda o título, e a pintura tem ~500 px de 1440.
• Tudo é pílula e cartão arredondado: vocabulário de app. A home é uma sequência de módulos, sem “sala” nem curadoria.

3. Feito por quem entende de arte e tecnologiaPrincípio 3

6,5

eu 7 · crítico 6

• A parte mais forte: cor medida de cada obra, parecidas “por estilo e cor”, busca que corrige erro, tamanho real com a medida do original, fotos reais do ateliê.
• Os dois módulos mais inteligentes (“Original and ours” e “Find by color”) ficaram escondidos no /lab.

4. Tecnológico, com acabamento de SaaSPrincípio 4

6

eu 7 · crítico 5

• Rápido (0,3–1,6 s, nada pulando), carrinho e checkout reais, “Buy now”, módulos que funcionam de verdade.
• Acabamento: módulo que abre vazio, globo que aparece vazio, texto encavalado no /lab, dígitos tortos no preço, rótulo colidindo no tamanho real.

5. Animações juicy e amigáveisPrincípio 5

5

eu 6 · crítico 4

• Commission toca sozinho, preço conta, sacola desce, globo gira, cor muda ao digitar.
• Falta prazer: abertura parada, nada revela ao rolar, menu demora e sobrepõe conteúdo, nada tem mola nem momento de recompensa (a pintura indo para a sacola).

6. Paleta contextual, força Apple MusicPrincípio 6

7,5

eu 9 · crítico 6

• Nas páginas de obra, artista e busca a cor é forte e bate de primeira: dourado do Beijo, azul-noite da Noite Estrelada, verde do Monet, marrom do Vermeer.
• Na home: um teal chapado de 6.300 px, bloco vinho e cartão azul que não vêm das obras dentro deles. Cor chapada sem luz nem profundidade, ao contrário do Apple Music.

Mega menu do zero, sem perder nadaPedido inicial

7,5

eu 8 · crítico 7

• Tudo lá: 82 de 82 no desktop, 86 de 86 no celular, Help útil.
• Parede de nomes com miniaturas pequenas; demora ~0,4 s; troca de aba sobrepõe; vazio no topo do celular.

Busca muito juicyPedido inicial

5

eu 5 · crítico 5

• Corrige erro, entende perguntas, página muda de cor enquanto digita.
• Ao clicar, só 4 palavras; título mostra o erro; ordem errada (“monet” → Manet); imagens chegam como caixas vazias; no celular corta tudo.

Só o logo vem do site atualPedido inicial

8,5

eu 9 · crítico 8

• Cor, letra e componentes novos; nenhum dos hábitos proibidos da versão recusada nos prints.
• A identidade nova ficou com cara de startup genérica, e dois textos do site atual voltaram (“Changes are free”, “90 days to decide”).

Demo funcionando, não printPedido inicial

9

eu 10 · crítico 8

• Catálogo e preços reais, ?variant= abre no tamanho e preço do anúncio, sacola e “Buy now” no checkout real.
• A busca do módulo traz uma “Mona Lisa” de outro pintor e um Malevich junto da original.

Tipografia como opção ao vivoPedido inicial

5,5

eu 7 · crítico 4

• Três fontes trocáveis ao vivo; a Newsreader é a mais “museu”.
• Só a letra do título muda (não são rotas completas), e o seletor está escondido no rodapé.

Pintura pendurada, não papelPedido de 13/10

6

eu 6 · crítico 6

• Toda obra tem lateral de tela e sombra; nunca parece papel.
• Parede chapada, sem luz de cima; na página da obra o quadro principal fica solto na cor; lateral pesada nas miniaturas.

Sem paredes empilhadas, uma solução por tarefaPedido de 12/10

4

eu 5 · crítico 3

• Página da obra: 6 cartões de tamanho + 3 de acabamento + 5 de moldura + caixa de benefícios + pagamentos + imprensa, empilhados.
• 3 cenários diferentes de tamanho real; a home tem 6 chamadas para 2 tarefas; avaliações em parede de ~10 cartões.

Conceito + conversãoPedido de 12/10

7,5

eu 8 · crítico 7

• Tamanhos e molduras com preço, “Buy now”, link de anúncio no preço certo, prazo, nota real (5,0 de 9), barra fixa no celular.
• No celular o tamanho vem depois do botão; falta a oferta “10% off your first painting” do site atual.

Módulos SaaS com animação JSCommission + globo, aprovados em 15/10

6

eu 7 · crítico 5

• Os dois existem, são interativos e usam dados reais.
• Commission abre vazio e em vinho sem motivo; é o molde “passos à esquerda, tela à direita” de todo site de software. Globo fosco, atrasado, cortado.

Menu e página da obra com tudo do site atualPedido de 14/10

7,5

eu 8 · crítico 7

• Menu completo; página da obra com tamanhos, 11 molduras, sob medida, zoom, vídeo, avaliações, perguntas, contato, ficha, parecidas.
• Faltam “Recent Hand-Painted Reproductions” (a maior prova de qualidade de quem chega por anúncio) e a oferta de 10%.

Carregamento e animação suavesPedido de 14/10

7

eu 8 · crítico 6

• Home aparece inteira de uma vez, 0,3–1,6 s, nada pulando, sem faixas vazias.
• Busca, sacola e globo mostram caixas vazias que se preenchem depois; quadros intermediários com sobreposição.

Todos os prints

Do link no ar, sem retoque. Clique em qualquer imagem para abrir no tamanho real.

🏠 Home

A cor da página vem da pintura do topo (Amendoeira em flor). Ordem: abertura, mais vendidas, módulo “Commission”, navegar por tema/artista/estilo, globo dos museus, avaliações, “Your photo, in oil”, rodapé.

🎬 Módulo “Commission any painting” (o que você aprovou)

Cinco passos que tocam sozinhos com dados reais: busca de verdade, preços reais da loja, fotos reais do ateliê pintando a Mona Lisa, conversa de aprovação, entrega.

🌍 Globo “Where the originals hang”

270 museus em 180 cidades, tirados do registro de cada obra. Gira, aceita arrastar, aponta a cidade e mostra o museu com as obras.

🖼️ Navegar e avaliações

☰ Menu

Feito do zero. Teste automático: os 82 destinos do menu do site atual no desktop e os 86 do celular estão todos lá.

🔎 Busca

Corrige erro de digitação, entende perguntas e troca a cor da página enquanto você digita. Mas não tem lista visual ao clicar, a ordem falha e as imagens chegam atrasadas.

🖌️ Página da obra

Teste automático: os 21 itens da minha lista de paridade estão lá nos 3 quadros testados (132 de 132). Mas o crítico achou 2 coisas do site atual que ficaram fora da lista: o bloco “Recent Hand-Painted Reproductions” (fotos de cópias recentes) e a oferta “10% off your first painting”. Conferi no HTML do site atual: os dois existem.

🗂️ Coleção

Cor da coleção (Monet = verde), telas penduradas em fileiras que respeitam o formato de cada obra.

🔤 Tipografia ao vivo

Três opções trocáveis ao vivo. A: Host Grotesk (padrão, a de todos os outros prints). B: Newsreader nos títulos. C: Archivo nos títulos. Só a letra dos títulos muda: tamanhos, pesos e espaços são iguais. O seletor está escondido no fim do rodapé (“Set this demo in”) ⚠️

🧪 /lab (módulos que não foram para a home)

Sete módulos funcionando lado a lado. Dois dos mais fortes ficaram só aqui: “Original and ours” (a original do museu ao lado da nossa cópia) e “Find by color”.

O que corrigir, em ordem

As 10 correções que mais aproximam o protótipo do briefing, juntando a minha lista com a do crítico. Nada disso foi feito ainda.

1. A obra manda na aberturaPintura grande (~70% da altura), texto pequeno ao lado como etiqueta, parede com luz de cima. No celular, a obra antes do título. Benchmarks: página de álbum do Apple Music, Fondation Beyeler, Rijksmuseum.
2. Expografia de verdadeCada parte da home ganha a cor da obra que está nela e muda junto com a obra; Commission nos tons da Mona Lisa, não vinho; parede com luz e profundidade, não cor chapada com cartão no mesmo tom.
3. Página da obra: uma decisão por vezTamanho numa lista enxuta (ou a régua do /lab), acabamento num seletor de 3, molduras numa faixa; preço uma vez no resumo; sem o degradê cortando cartões; no celular, tamanho antes do botão. Benchmark: compra do iPhone na apple.com.
4. Celular sem cortes “…”Coleção, busca e parecidas em 2 colunas, título em até 2 linhas, preço numa linha. Benchmark: Artsy no celular.
5. Tamanho real e molduras com cara de verdadeUm cenário só no site inteiro, salas com perspectiva certa, pessoa discreta no lugar do boneco branco, molduras feitas de fotos reais (sem veio laranja), nada colidindo. Benchmarks: “View in a Room” da Saatchi Art, Framebridge.
6. Módulos que já abrem vivosCommission começa cheio (sem caixa vazia), passo 4 mostra a foto da nossa cópia no ateliê, preço sem dígito torto. Globo com luz, continentes claros, 1º quadro já desenhado, inteiro na tela.
7. Busca com recompensa desde o 1º cliquePainel com miniaturas (em alta, artistas, recentes); título com o nome corrigido; artista exato primeiro; enquanto a imagem não chega, caixa na cor da obra. Benchmarks: busca do Artsy e do Spotify.
8. Prova de ofício na frente, sem repetiçãoLevar “Original and ours” e “Recent Hand-Painted Reproductions” para logo abaixo do preço; voltar a oferta de 10%; avaliações como 1 depoimento grande com foto; home com 2 chamadas (escolher uma pintura, pintar minha foto).
9. Movimento com prazerPintura “assentando” na parede ao abrir, miniatura que cresce até virar a página da obra, pintura que voa até a sacola, menu sem atraso e sem sobreposição; sempre respeitando “reduzir movimento”.
10. Tipografia de verdade e acabamentosCada opção de letra muda tamanho, peso e espaço (testar a Newsreader como principal), seletor visível; título em dois tons em no máximo 2 seções; reescrever os textos repetidos; consertar /lab, menu do celular, botão “London”, “Ask Joey” com foto.

O que foi medido

Testes automáticos rodados no link no ar.