Todos os projetos

31 / CASE VEDDU · Mineração e bens minerais

Site para mineradora: Ouro Verde Mineração

O site em português e inglês da Ouro Verde Mineração, mineradora de quartzo, feito para quem compra matéria-prima mineral e precisa conhecer o fornecedor antes de pedir a primeira carga.

Página inicial completa do site da Ouro Verde Mineração, da imagem aérea da lavra com a frase Minerando com Responsabilidade até o rodapé, passando por Sobre nós, os cards de Quartzo e de Transporte de Bens Minerais, a seção de sustentabilidade, o vídeo institucional, o blog e o pedido de cotação

Role a página: a home da mineradora passa inteira, do topo ao rodapé, no desktop e no celular.

01

Contexto
do projeto

Resposta direta

O que o comprador industrial procura no site de uma mineradora

O comprador industrial procura sinais de que a mineradora vai entregar o mesmo mineral, com a mesma pureza, por muito tempo e sem deixar passivo ambiental pelo caminho. Trocar de fornecedor de matéria-prima custa caro, e um problema na origem vira problema na linha de produção de quem comprou.

Contexto
O quartzo de alta pureza abastece siderúrgicas, vidrarias e fábricas de cerâmica e abrasivos, um cliente técnico e não o consumidor final. Nessas empresas, a escolha do fornecedor passa por mais de uma área, como compras e qualidade.
Desafio
Convencer compradores que nunca pisaram na lavra e, no mesmo site, vender duas ofertas diferentes, o quartzo e o transporte de bens minerais, sem que uma apague a outra.
Decisão
Pôr fotografia de campo da lavra, da frota e da equipe ao lado do que o texto afirma, na home, no Sobre e na página do quartzo.
02 / O SITE POR DENTRO

Seis telas do site e a decisão por trás de cada uma.

Todas capturadas do site publicado em outubro de 2026. A ordem vai do mineral ao pedido de cotação que fecha a home.

01

Página de produto

Na página do quartzo, o pedido é de amostra, não de compra.

Quem compra quartzo costuma testar o mineral no próprio processo antes de fechar o fornecimento. Por isso o formulário da coluna lateral não fala em orçamento: pergunta se a pessoa quer aumentar a qualidade da produção e convida a pedir uma amostra, com nome, e-mail, empresa e mensagem. No celular, a foto da lavra e o título vêm primeiro, e o formulário desce para depois do texto.

Página do produto Quartzo no site da Ouro Verde Mineração, com o formulário de pedido de amostra completo e o botão amarelo Entrar em contato ao lado da foto aérea da lavra, do título Quartzo Ouro Verde: Pureza e versatilidade para as indústrias mais exigentes e do início da seção Aplicações, com o card Produção de Aço
Página do Quartzo no celular, com a faixa de título, a foto da lavra com o rompedor sobre blocos brancos, o título Quartzo Ouro Verde e os selos Alta resistência, Versatilidade e Qualidade Ouro Verde
02

Página de serviço

O transporte do minério ganha página própria, em três passos.

A Ouro Verde também leva o mineral até o cliente, e esse serviço fica no menu Serviços, separado do produto. Como o frete pesa no custo e no risco do fornecimento, a página explica o serviço em três passos ilustrados: planejamento das rotas, carregamento e descarga sem dano à carga e acompanhamento do trajeto em tempo real.

Seção Como funciona da página de Transporte de Bens Minerais da Ouro Verde Mineração, com os passos Planejamento Logístico, Carregamento Seguro e Monitoramento Constante, cada um num card com foto e texto
03

Sobre nós · Equipe

No Sobre, a história da empresa divide a tela com a equipe na lavra.

A página Sobre conta a história em dois parágrafos e resume missão, visão e valores em três blocos curtos, cada um com ícone em quadrado verde, fáceis de ler de passagem. A colagem à direita põe rosto na operação: cinco operários de capacete, protetor auricular, máscara e colete à frente de uma escavadeira e, sobreposta, uma foto aérea da britagem móvel.

Topo da página Sobre da Ouro Verde Mineração, com o título Liderança em Mineração Sustentável, dois parágrafos de história, missão, visão e valores com ícones em quadrados verdes e, ao lado, a colagem com cinco operários de capacete laranja, protetor auricular, máscara azul e colete refletivo diante de uma escavadeira e a britagem móvel vista do alto
04

Sobre nós · Meio ambiente

A área em recuperação aparece em foto, com a placa da mineradora.

A seção Compromisso com o Meio Ambiente diz que a recuperação começa antes de a jazida se esgotar, e a foto à direita mostra uma área em recuperação: uma colaboradora de capacete ao lado da placa da Ouro Verde, que informa regeneração natural com manejo, semeadura direta e transposição de galharia e solo. No celular, o texto vem primeiro e a foto fecha a seção.

Seção Compromisso com o Meio Ambiente da página Sobre da Ouro Verde Mineração, com o texto sobre recuperação ambiental e a foto de uma colaboradora de capacete branco ao lado da placa Área em processo de Recuperação Ambiental, e abaixo a seção Responsabilidade Social com a foto da equipe
A mesma seção no celular, com o título Compromisso com o Meio Ambiente, o texto e, embaixo, a foto da colaboradora ao lado da placa de recuperação ambiental
05

Versão em inglês

Em inglês, o menu e as páginas de quartzo e transporte vêm traduzidos.

A Ouro Verde declara atender também o mercado internacional, e a versão em inglês recebe esse comprador com o menu traduzido, About us, Products, Services e Contact, e as bandeiras EN e PT no canto do cabeçalho. A página de transporte abre como Transportation of Mineral Goods, sobre a foto aérea de uma fila de caminhões na estrada entre eucaliptos, com a frota enfileirada logo abaixo.

Topo da página de transporte na versão em inglês do site da Ouro Verde Mineração, com o menu Home, About us, Products, Services e Contact, as bandeiras EN e PT, o título Transportation of Mineral Goods sobre foto aérea de estrada entre eucaliptos e, abaixo, a frota de caminhões DAF enfileirada
06

Home · Cotação

A cotação pergunta a empresa e a oferta antes do envio.

A home termina num pedido de cotação curto: nome, telefone, nome da empresa e um campo O que deseja, para escolher a oferta. Uma caixa de aceite pede permissão para a Ouro Verde retornar o contato, e o e-mail da empresa fica ao lado para quem prefere escrever. No celular, a ordem se inverte: primeiro o e-mail, depois o formulário inteiro, logo acima do rodapé.

Bloco final da home da Ouro Verde Mineração com o cartão Solicite agora uma cotação, de cabeçalho verde, os campos de nome, telefone e empresa, o seletor O que deseja marcado em Quartzo, o botão Solicitar Agora e a caixa de aceite, ao lado do cartão de e-mail de contato
Fim da home no celular, com o e-mail de contato no alto e o formulário de cotação inteiro logo abaixo
03 / COMO A VEDDU CONSTRÓI

Como a Veddu constrói um site que leva o comprador industrial até a cotação.

Menu e rodapé · site publicado

5
entradas no menu do cabeçalho
2
submenus, em Produtos e em Serviços, com um item cada
3
links úteis no rodapé: Trabalhe Conosco, Termos de Uso e Políticas de Privacidade
Endereços do menu
  • /
  • /sobre-nos/
  • /produtos/quartzo/
  • /servicos/transporte-de-bens-minerais/
  • /contato/
01

Contagem feita no cabeçalho e no rodapé publicados, com o endereço de cada item do menu.

O site está no ar desde 2024. As camadas abaixo saem do código e do estilo da página publicada, e cada etapa traz ao lado o dado que a comprova.

  1. 01

    Um menu curto e endereços legíveis

    O menu do cabeçalho tem cinco entradas e só duas abrem submenu, então quem chega entende a estrutura do site de uma vez. Cada página em português tem endereço legível, fácil de colar numa proposta ou num e-mail. Termos de uso e privacidade ficam no rodapé, fora do caminho de quem compra.

    Menu e rodapé · site publicado

    5
    entradas no menu do cabeçalho
    2
    submenus, em Produtos e em Serviços, com um item cada
    3
    links úteis no rodapé: Trabalhe Conosco, Termos de Uso e Políticas de Privacidade
    Endereços do menu
    • /
    • /sobre-nos/
    • /produtos/quartzo/
    • /servicos/transporte-de-bens-minerais/
    • /contato/

    Contagem feita no cabeçalho e no rodapé publicados, com o endereço de cada item do menu.

  2. 02

    Inglês no mesmo painel, declarado página a página

    A versão em inglês sai do mesmo painel, pelo TranslatePress, em /en/, sem um segundo site para manter. O código de cada página em inglês declara o idioma como en-US e aponta, com hreflang, o endereço da mesma página na outra língua.

    ouroverdemineracao.com.br/en/produtos/quartzo/ · HTML, linhas 79 a 82
    79<link rel="alternate" hreflang="pt-BR" href="https://ouroverdemineracao.com.br/produtos/quartzo/"/>80<link rel="alternate" hreflang="en-US" href="https://ouroverdemineracao.com.br/en/produtos/quartzo/"/>81<link rel="alternate" hreflang="pt" href="https://ouroverdemineracao.com.br/produtos/quartzo/"/>82<link rel="alternate" hreflang="en" href="https://ouroverdemineracao.com.br/en/produtos/quartzo/"/>

    Trecho real do código da página do quartzo em inglês, copiado sem alteração.

  3. 03

    Um formulário para cada tipo de pedido

    São cinco tipos de pedido, e cada formulário fica na página em que o assunto aparece. Quem quer cotar não divide o formulário com quem manda currículo ou tem só uma dúvida.

    Formulários publicados · onde cada pedido entra

    Cotação
    fim da home
    Amostra
    coluna lateral das páginas de mineral
    Transporte
    coluna lateral da página de transporte
    Dúvida
    página Contato
    Currículo
    Trabalhe conosco, com arquivo anexo

    Formulários encontrados nas páginas publicadas em português, com o lugar de cada um.

  4. 04

    Verde no caminho, amarelo nos formulários das ofertas

    A Lato cuida de títulos e textos, e a Lobster aparece só nos números do Sobre. O verde-oliva marca botões, links e a cotação da home; o amarelo fica reservado ao botão Entrar em contato dos formulários laterais das páginas de produto e de serviço. Os fundos alternam branco e cinza claro.

    Sistema visual · medido no site publicado

    Verde-oliva
    #6D923E · botões, links Solicitar Orçamento, cabeçalho da cotação e rodapé
    Verde acinzentado
    #809960 · faixa de números do Sobre e quadrados dos ícones
    Amarelo
    #FED46B · botão Entrar em contato dos formulários laterais
    Títulos
    #12120F · Lato 700, 33,6 px nos títulos de seção
    Texto
    #7A7A7A · Lato 400, 16 px
    Fundo
    #F4F4F4 · cinza claro que alterna com o branco
    Lobster
    script só nos números da página Sobre

    Medido no navegador, no estilo calculado da home, do Sobre e das páginas de produto e de serviço.

04 / PRÓXIMO PASSO

Um site de mineradora começa por quem compra o minério.

Conte para a Veddu o que a sua mineradora extrai, para que indústria vende e como o comprador chega até você hoje. Com isso, a Veddu define quais páginas, fotos e formulários o seu site precisa ter.