Soline Energia Renovável

O desafio

A Soline não é uma empresa simples de explicar. Eles atuam com micro e mini geradores distribuídos, carregadores de veículos elétricos, armazenamento BESS, e modelos de negócio que ainda estão em desenvolvimento. É uma empresa de energia renovável com pelo menos 4 frentes diferentes rodando ao mesmo tempo.

O problema: como colocar tudo isso num site sem parecer bagunça? O público é misto e cada um procura algo diferente. Investidor quer ver números, modelo de negócio e estratégia de expansão. Empresa quer orçamento de energia solar. Parceiro quer entender se a Soline tem estrutura pra uma operação conjunta. Todos chegam pela mesma porta.

A maioria dos sites de energia solar resolve isso listando serviços numa página genérica. Mas a Soline tem dados técnicos reais (capacidade em kWp e MWp, número de projetos, potência instalada) que precisam aparecer sem assustar quem não é técnico.

A solução

O trabalho principal aqui não foi código — foi arquitetura de informação. Antes de escrever uma linha de HTML, mapeei os 3 perfis de visitante e o que cada um precisa encontrar nos primeiros 30 segundos:

Investidor: números de tração, modelo de negócio, estratégia de crescimento, quem tá por trás. Cliente empresa: o que a Soline faz por ele, quanto economiza, como funciona o processo. Parceiro: estrutura da empresa, localizações, tipos de parceria possível.

A partir disso, organizei as seções numa ordem que atende os três sem fazer ninguém percorrer conteúdo irrelevante:

• Hero com proposta direta e CTAs segmentados (orçamento vs. conhecer projetos)
• Credibilidade com números reais da operação — quem é técnico lê os dados, quem não é vê que os números são grandes e confia
• Os 3 pilares do negócio (micro geração, carregadores DC, mobilidade) com cards visuais. Cada pilar é autocontido — o visitante lê só o que interessa
• Dados técnicos de capacidade dos geradores separados por categoria (micro GDs vs mini GDs) com tabela limpa
• Modelos de negócio com explicação visual por tipo: solar, eólica, BESS, transmissão. Cada modelo tem contexto visual próprio pra não virar parede de texto
• Sobre o fundador com foto e bio — em negócio de infraestrutura, a cara do CEO vende
• Economia comprovada com números comparativos: combustível vs. elétrico
• Mapa de unidades e tipos de localização estratégica
• Parcerias e estratégia de expansão em fases (validação → expansão → escala)
• Números de tração: 50+ unidades, 5 cidades, 36+ carregadores

Design

Paleta laranja/coral como acento de energia sobre fundo claro. A escolha da cor não foi estética — laranja transmite energia e movimento, que é exatamente o posicionamento da marca. Tom que equilibra credibilidade corporativa com acessibilidade. Quem chega no site precisa sentir “empresa séria” sem sentir “empresa burocrática”.

Cards com fotos reais de instalações e painéis solares. Layout que alterna seções densas (dados técnicos, tabelas) com seções de respiro (CTAs, espaço branco) pra não cansar o visitante com informação demais de uma vez.

Performance

Astro SSG com Lighthouse 95+. Desafio específico: o site tem muitas fotos de campo (painéis solares, instalações, equipe) que pesam naturalmente. Todas foram otimizadas em WebP com dimensões reais de exibição e lazy loading. O peso visual do site é alto, mas o peso técnico ficou baixo.

Resultados

• Site que organiza 4 frentes de negócio diferentes numa navegação clara
• 3 perfis de visitante (investidor, cliente, parceiro) encontram o que procuram sem se perder
• Dados técnicos complexos (kWp, MWp, modelos de negócio) apresentados sem assustar público não-técnico
• Estratégia de expansão e números de tração visíveis pra investidor
• Lighthouse 95+ mesmo com volume alto de imagens de campo