Pular para o conteúdo
kauã.
Voltar pra projetos
Em andamento 2026 Site institucional
Projeto / Cliente

VistoPred

Site institucional · Front-end · Web

Site institucional da VistoPred — empresa por trás do app de inspeção, manutenção e gestão predial. Meu trabalho foi o site: apresentar o produto, as soluções, o blog e os materiais. Está em andamento, no ar em vistopred.pages.dev enquanto finalizo os ajustes.

Ver site ao vivo Código privado
Site da VistoPred — página inicial no desktop

Desktop e mobile · projeto em andamento · ver ao vivo

O projeto

O que eu fiz.

A VistoPred é uma empresa de tecnologia para vistoria, manutenção e gestão predial — o produto dela é um aplicativo. Meu trabalho aqui foi construir o site institucional da empresa: a vitrine que apresenta o produto, explica as soluções, publica conteúdo no blog e disponibiliza materiais para download.

Em resumo: não desenvolvi o app (ele é o produto da empresa) — fui responsável pelo site, do layout e do design system à publicação e ao deploy.

Arquitetura

Como foi montado.

O site é feito em Astro com arquitetura de ilhas: tudo é gerado como HTML estático (rápido e bom pra SEO), e o JavaScript só é enviado nos pontos realmente interativos — implementados como ilhas Svelte e pequenos scripts (tema claro/escuro, menu, modal de demonstração, sumário do blog).

O visual não usa framework de UI: montei um design system próprio em CSS, com tokens de cor, tipografia e sombras que respondem ao tema claro/escuro. O conteúdo do blog vive em Markdown através das Content Collections do Astro, com schema tipado e sumário gerado automaticamente a partir dos títulos.

A logo 3D é renderizada com model-viewer (arquivo .glb). O deploy é no Cloudflare Pages com integração Git: cada push na branch dispara o build e publica o site automaticamente.

Stack

Tecnologias utilizadas.

Astro

01

Site estático com arquitetura de ilhas — HTML rápido e JavaScript só onde é necessário.

Svelte

02

Componentes interativos pontuais (ilhas) integrados ao Astro.

TypeScript

03

Tipagem nos dados (navegação, soluções) e no schema do conteúdo.

Design system (CSS)

04

Tokens de tema claro/escuro, tipografia e componentes próprios — sem framework de UI.

Content Collections (Markdown)

05

Blog em Markdown com schema validado e geração automática do sumário.

Cloudflare Pages

06

Deploy contínuo via Git: cada push na branch publica o site automaticamente.

No site

O que tem no site.

  • Site multipágina (home, sobre, soluções, blog, downloads, tutoriais, contato)
  • Tema claro/escuro com design system próprio
  • Logo 3D interativa (model-viewer)
  • Blog em Markdown com sumário automático e busca
  • Página de downloads de e-books e materiais técnicos
  • Modal de “Solicitar demonstração”
  • Layout responsivo (desktop e mobile)
  • SEO básico por página (title, description, Open Graph)
Status

Onde está agora.

O site já está no ar em vistopred.pages.dev e o fluxo principal funciona — mas o projeto está em andamento: ainda estou refinando layout, conteúdo e a página de posts do blog antes de ligar o domínio final.

Mais projetos

Quer ver o resto do trabalho?

Outros projetos, estudos e protótipos estão na matriz completa. E se você precisa de um site assim, é só me chamar.