Notebook sobre a mesa de aço escovado de uma sala de monitoramento de TI à noite, com uma parede de telas em laranja e azul desfocada e uma chave de segurança USB ao lado, exibindo o site da Sauk

Case de Web Design · Sauk

Incidente de TI
não marca hora.
O socorro fica
no menu.

A Sauk, de Curitiba, cuida da TI de empresas há mais de 23 anos, da infraestrutura à cibersegurança e à LGPD. O site precisava atender quem chega com o problema acontecendo e quem chega para escolher.

Cliente
Sauk
Segmento
Consultoria em TI
Projeto
Site institucional
PageSpeed
88 no computador

Contexto

Mais de 23 anos cuidando da TI de outras empresas.

Contratar TI de fora é dividir o que não pode parar. Ninguém divide isso com um desconhecido.

Indústrias, cooperativas e entidades confiam à Sauk servidores, rede, backup e segurança. O site precisava falar com quem responde pela TI e com a diretoria.

Para quem o site fala

  • Gerentes e equipes de TI
  • CTOs e diretoria
  • Empresas de todos os portes
  • Indústrias e cooperativas
  • Federações empresariais
  • Empresas em adequação à LGPD

Desafio

O problema abre a busca.
A confiança escolhe.

A diretoria quer saber se pode confiar os dados. Quem responde pela TI quer saber quem atende num domingo.

  1. Pane no fim de semana.

    O switch queima num domingo, o ransomware trava a operação. Na hora, a empresa precisa de alguém que atenda.

  2. Três dias úteis para a ANPD.

    Incidente com dados pessoais e risco relevante vai à ANPD em três dias úteis. Antes, alguém precisa saber o que houve.

  3. Acesso total a quem é de fora.

    A consultoria entra em servidor, firewall e backup. Antes de abrir o ambiente, a empresa quer ver quem já confiou.

O diagnóstico

O susto passa. Quem atendeu fica.

Projeto

Um botão para a urgência e a home inteira para a confiança.

  1. PrimeiroSocorrerquem chega com a TI parada
  2. DepoisExplicaro método e quem já confiou a TI à Sauk

Socorro e orçamento lado a lado.

No menu, Orçamento leva ao formulário de contato e SOS SAUK abre o WhatsApp e o e-mail do suporte. A abertura já nomeia cibersegurança, cloud, LGPD e suporte.

Urgênciaum contato sóorçamento e SOS

Quatro etapas antes de implantar.

Antes de qualquer pedido, a home diz que a Sauk lidera o projeto e mostra o caminho: diagnóstico, pesquisa de soluções, plano com prazo e investimento e implementação.

Métodosolução de prateleiradiagnóstico primeiro

Quem fala é colega de TI.

Os depoimentos vêm de gerentes e analistas de TI de clientes como Biotrop e Faciap e falam de quedas e lentidão. O blog trata de invasões, e os cases ficam no rodapé.

Avaldepoimento de cortesiao colega de TI como aval

sauk.com.br/
Página inicial do site da Sauk, inteira, no computador

A lógica que une as três

Confiança antes do contrato.

Design

Borda laranja nas fotos e mira nos cartões, as marcas visuais da Sauk em cada página.

sauk.com.br/ No ar
Página inicial do site da Sauk, inteira, no computador
Páginas inteiras, capturadas do site no arRole dentro da janela ou troque a aba

Exclusividade em cada pixel.

Nada sai de template. O designer UX/UI desenha a home no Figma, no computador e no celular, e o layout só segue para as outras páginas depois do ok do cliente. Cores, tipografia e componentes viram um sistema único antes da primeira linha de código.

Do Figma ao ar
Reconstituição do projeto do site da Sauk no Figma, montada com as telas reais do site: a home no computador e no celular, a página Consultoria e Serviços e o guia de cores e tipografia
Seção Mais do que fornecedores da home da Sauk, com a foto de borda laranja ao lado do texto sobre a liderança do projeto de TI, medida em 1440 px
Mais do que fornecedores · medidas em px no site no ar, a 1440 de largura
  1. 01ImersãoEquipe do projeto, necessidades e referências.
  2. 02Layout da homeComputador e celular.Aprovação
  3. 03Demais páginasCom a direção visual aprovada.Aprovação
  4. 04Front-endSite navegável, com efeitos e chamadas.Aprovação
  5. 05PublicaçãoHospedagem, domínio e backup.
  6. 06TreinamentoVídeo para o time atualizar o site.
  7. 07Performance e SEOAuditoria no PageSpeed e revisão de SEO.

Responsivo

No celular, o socorro mora no ícone laranja.

Celular · 390 px Computador · 1440 px
Página inicial do site da Sauk, inteira, no celular
Três celulares com as páginas Consultoria e Serviços, Home e Infraestrutura aplicada do site da Sauk

Performance

88 de desempenho no computador, medido pelo Google.

Google PageSpeed InsightsComputador
88
Desempenho
88
Acessibilidade
100
Boas práticas
92
SEO
Relatório de 28/10/2026sauk.com.br

Toda entrega termina assim

Auditoria no PageSpeed antes de chamar o site de pronto.

Entrega

Oito serviços, sete cases e um SOS, sem mensalidade.

  • Atendimento
  • Designer UX/UI
  • Dev front-end
  • Dev back-end
  1. Projeto exclusivo.Desenhado do zero para a Sauk, sem template.
  2. Oito serviços explicados.Da infraestrutura aplicada ao firewall, cada serviço com página própria.
  3. Soluções por tecnologia.Redes, cibersegurança, hiperconvergência, backup e monitoramento.
  4. Sete cases de clientes.Biotrop, Coasul, Faciap, Trützschler e outros, cada um com página.
  5. SOS SAUK em toda página.WhatsApp e e-mail do suporte num clique, direto do menu.
  6. Blog e newsletter.Artigos sobre nuvem, ataques e tendências, e cadastro para receber.
  7. Cookies conforme a LGPD.Banner com aceitar, rejeitar e personalizar por categoria.
  8. Sem mensalidade.O site é do cliente. Nenhuma taxa recorrente obrigatória.

No ar

sauk.com.br

Abra no computador e no celular. É a melhor forma de conhecer o projeto.

Still fresh. Still growing.

Venha crescer
conosco.

Crescer junto começa com uma conversa. Pessoas sêniores, dado aplicado à decisão e relações que se contam em anos.
Let's grow