Back to portfolio
Desenvolvimento Web

Site Institucional Optiwork

Optiwork: ecossistema digital que une segurança, colaboração e alta performance em uma plataforma de gestão de força de trabalho para operações de campo.

Client: Optidata
Tags:
Astro Tailwind CSS TypeScript UI/UX Institucional Gestão de Força de Trabalho SaaS B2B
Site Institucional Optiwork

Visão Geral do Projeto

O Optiwork é a plataforma de gestão de força de trabalho da Optidata voltada para operações de campo — times distribuídos, operações remotas e indústrias reguladas onde segurança, rastreabilidade e colaboração precisam andar juntas. O site institucional apresenta o produto para tomadores de decisão B2B, explica a proposta de valor por setor e serve como ponto de entrada para o funil comercial.

O Desafio

A Optidata precisava de um site que:

  • Posicionasse o Optiwork como produto enterprise separado da marca corporativa
  • Explicasse rapidamente o diferencial (segurança + colaboração + performance) para quem não conhece a categoria
  • Servisse tanto prospects brasileiros quanto mercados internacionais em expansão
  • Fosse rápido o suficiente para não penalizar campanhas pagas e indexação orgânica
  • Pudesse evoluir — novos módulos, setores atendidos, casos de uso — sem retrabalho de marca

Abordagem de Design

Identidade visual independente, ligada à família Optidata. O Optiwork herda o DNA Optidata mas tem paleta própria, tipografia com personalidade mais técnica e uma narrativa visual orientada a “operações sob controle” — grids, camadas de dados, elementos que lembram dashboards sem serem screenshots diretos.

Hierarquia para decisores B2B. Heading claro com a promessa, bloco de prova social logo em seguida, explicação do produto em três pilares (segurança, colaboração, performance), depois aprofundamento por módulo. Usuário com pouco tempo sai da home com a proposta clara; quem quer profundidade tem para onde rolar.

Legibilidade acima de tudo. Boa parte dos compradores consome o site em ambiente corporativo, às vezes em telas com brilho ruim. Contraste forte, tipografia com bom x-height, nada de gradientes excessivos atrás de texto.

Implementação Técnica

  • Astro.js com geração estática — HTML completo já no primeiro byte, ótimo para Core Web Vitals e para bots de IA que não executam JavaScript.
  • Tailwind CSS v4 para um design system consistente compartilhado entre as propriedades Optidata.
  • TypeScript em componentes para type safety e manutenibilidade.
  • Componentização orientada a conteúdo — blocos de hero, feature grid, case block, CTA reutilizáveis para novas landing pages do produto.
  • Vercel edge para CDN global, cache de borda e deploys instantâneos.
  • SEO técnico cuidadoso — canonical consistente, Open Graph completo, meta descriptions por página, sitemap automático, schema.org.

Resultados & Impacto

  • Velocidade percebida: LCP e INP em verde no CrUX, carregamento instantâneo mesmo em conexões 3G.
  • Base escalável: sistema de componentes permite lançar novas páginas de setor ou case de cliente em dias, não semanas.
  • Clareza de marca: Optiwork agora tem presença digital própria, o que facilita campanhas pagas segmentadas e parcerias estratégicas sem diluir a marca corporativa Optidata.
  • Preparado para expansão internacional: arquitetura já pronta para i18n quando o produto entrar em novos mercados.

Aprendizados

Separar produto de marca corporativa sem fragmentar a experiência é um equilíbrio delicado. A decisão de manter o Optiwork dentro do mesmo design system da Optidata, mas com identidade visual própria, foi o que permitiu esse balanço — o visitante sente que são entidades distintas, mas quem navega entre Optidata → Optiwork percebe coerência técnica e de qualidade.