Ova — marca de óculos premium
Um site de uma página, com visual sombrio e cinematográfico, para uma marca conceitual de óculos: cenas com rolagem fixa, uma coleção de quatro cores e letras com perspectiva personalizada.
A tarefa
A Ova é uma marca conceitual de óculos premium: acetato de cobalto transparente, dobradiças de aço polido e lentes em tom de mel. A página inicial precisava transmitir a mesma sensação de luxo do produto — minimalista, escura, com cada tela funcionando como uma página de um lookbook de moda — e, ao mesmo tempo, vender: mostrar a armação, a coleção e direcionar para a lista de espera.
A ideia
A página é construída com base no contraste: preto profundo, um azul cobalto intenso e letras grandes em branco. Cada tela é uma cena separada que se mantém fixa na janela de visualização e muda conforme você rola a página, de modo que a página se parece mais com um curta-metragem do que com uma longa rolagem. A cor é usada com moderação e sempre tem um motivo: azul, laranja, branco e verde são as quatro cores da coleção.
Primeira tela
Um retrato ocupando metade da tela, com o nome da marca disposto verticalmente em tipografia personalizada e dois botões. A página abre com a foto já exibida; os óculos então aparecem no rosto, um brilho azul suave flutua no fundo e, a cada poucos segundos, uma breve distorção percorre a imagem.
Design
A armação gira diante de você à medida que você rola a tela: frente, três quartos, perfil, com a palavra “cobalto” em letras gigantes atrás dela. Em seguida, a câmera se move para os detalhes — a dobradiça de cinco barras e o núcleo de aço da haste — com um efeito de paralaxe lento dentro de cada imagem.
Coleção
Quatro armações em quatro cores em um trilho lateral. A cada passo, o plano de fundo de toda a tela muda: azul, laranja, branco, verde. Um toque em um cartão abre uma janela pop-up do produto com a descrição completa, recursos com ícones, tamanhos e o preço.
Clima
“Use sua luz” é apresentado em letras em perspectiva. As linhas aparecem uma a uma enquanto você rola a tela e mudam de cor pelas quatro cores da coleção, com a armação sobreposto.
História
A história de uma armação — da bancada de trabalho até a caixa e a loja — é contada em uma faixa horizontal que se move com a rolagem vertical. O menu acompanha o usuário e destaca a seção em que você está.
Lista de espera
A última tela combina o formulário e o rodapé: escolha uma cor, insira um e-mail, e o rodapé completo com links fica logo abaixo. O retrato da primeira tela encerra a página.
Celular
No celular, cada tela mantém seu layout: o ícone de hambúrguer abre um menu em tela cheia, a coleção cabe em uma única tela mesmo em um iPhone SE, e o texto se ajusta à altura da tela.
Resultado
Um site de marca premium de uma única página, onde o produto continua sendo o protagonista: uma cor de destaque por tela, letras grandes e animações que mostram o contexto em vez de apenas decorar a página.
