Construsul Terraplenagem
Site institucional com painel de conteúdo completo.
Website institucional com páginas de serviços, clientes, blog e galeria de obras, gerenciado por um painel administrativo completo em Filament.
O que entregamos
- Site institucional
- Painel de conteúdo
- SEO
A história
Do problema ao produto no ar
- 01
O desafio
A Construsul, empresa familiar de terraplenagem e construção civil, precisava de uma presença digital à altura dos seus anos de mercado — e queria atualizar serviços, obras e notícias sem depender de um programador.
- 02
A solução
Desenvolvemos um site institucional com animações sutis, galeria de obras e blog, sustentado por um painel em Filament com controle de acesso, autenticação em dois fatores, biblioteca de mídia, configurações gerais e editor de conteúdo.
- 03
O resultado
Um site moderno e rápido, protegido pela Cloudflare, que a própria equipe da Construsul mantém atualizado com segurança.
Funcionalidades
O que construímos
Páginas institucionais
Sobre, serviços, clientes e contato com identidade visual própria.
Blog
Publicação de notícias e conteúdos para atrair visitas pelo Google.
Galeria de obras
Fotos otimizadas automaticamente, com visualização ampliada.
Painel administrativo
Edição de páginas, mídias, tags e configurações sem código.
Acesso seguro
Permissões por usuário, 2FA e registro de atividades.
Animações sutis
Entradas suaves, carrosséis e ilustrações animadas.
Arquitetura
Cada tecnologia, explicada
Escolhemos cada peça com um propósito. Veja o que é cada uma e por que ela está neste projeto.
13 tecnologias
Interface
O que o usuário vê e toca
Tailwind CSS
- O que é
- Framework de CSS utilitário para estilização rápida e consistente.
- Neste projeto
- Layout responsivo do site e do painel.
Design fiel ao layout, responsivo em qualquer tela e com CSS final enxuto.
Livewire
- O que é
- Componentes dinâmicos em Laravel escritos em PHP, sem JavaScript complexo.
- Neste projeto
- Formulários e componentes dinâmicos em PHP.
Formulários e interações em tempo real com menos código e manutenção mais simples.
jQuery
- O que é
- Biblioteca JavaScript para manipular a página e criar interações.
- Neste projeto
- Carrosséis, galeria e animações de entrada.
Carrosséis, galerias e efeitos confiáveis com ampla compatibilidade.
Aplicação
Regras de negócio, APIs e segurança
Laravel
- O que é
- O framework PHP mais usado do mundo para aplicações web.
- Neste projeto
- Laravel 11 com páginas, blog e formulário de contato.
Autenticação, filas, e-mails e segurança robustos desde o primeiro dia.
PHP
- O que é
- Linguagem que move boa parte da web, em versões modernas e rápidas.
- Neste projeto
- PHP 8.2.
Base estável, performática e com hospedagem acessível.
Painel administrativo
Onde o cliente gerencia o próprio negócio
Filament
- O que é
- Construtor de painéis administrativos para Laravel.
- Neste projeto
- Painel completo de gestão de conteúdo.
Um painel completo para o cliente editar páginas, mídias e conteúdo sem depender de programador.
Controle de acesso
- O que é
- Papéis e permissões por usuário (Spatie Permission / Filament Shield).
- Neste projeto
- Filament Shield para papéis e permissões.
Cada pessoa vê e altera apenas o que deve — mais segurança e organização.
Laravel Sanctum
- O que é
- Autenticação leve para SPAs e APIs.
- Neste projeto
- Perfil e autenticação em dois fatores com Breezy.
Login seguro com proteção contra CSRF e sessões bem controladas.
Dados e arquivos
Onde a informação vive com segurança
MySQL
- O que é
- Banco de dados relacional confiável e amplamente usado.
- Neste projeto
- Páginas, posts, serviços e configurações.
Dados estruturados, consultas rápidas e backups simples.
Media Library
- O que é
- Gestão de imagens e arquivos com conversões automáticas.
- Neste projeto
- Imagens das obras com conversões automáticas.
Fotos otimizadas em vários tamanhos automaticamente, para carregar rápido em qualquer tela.
Infraestrutura e entrega
Como o projeto chega rápido e estável ao público
Cloudflare
- O que é
- CDN global com proteção contra ataques e SSL.
- Neste projeto
- CDN, SSL e proteção do site.
Site rápido em todo o Brasil e protegido contra ataques DDoS e bots.
Vite
- O que é
- Ferramenta de build moderna e extremamente rápida.
- Neste projeto
- Build otimizado de CSS e JavaScript.
Arquivos finais menores e otimizados, que deixam o site mais leve.
Google Analytics
- O que é
- Métricas de acesso e comportamento dos visitantes.
- Neste projeto
- Métricas de visitas.
Decisões baseadas em dados reais de tráfego e conversão.
Galeria
Telas do projeto
Quer um projeto assim para o seu negócio?
Conte sua ideia e montamos juntos a melhor solução — com a mesma clareza que você viu aqui.
