Portfólio editável
O dono cria, edita e ordena projetos pelo painel: nome, categoria, texto, galeria de imagens e destaque na página inicial. Rascunho ou publicado.
Projeto 01 · Identidade visual
Site, painel e área do cliente para uma agência de marcas
A ZUCOLAB precisava de um site que mostrasse o trabalho com impacto e de um jeito de atualizar o portfólio sem depender de programador. Entregamos o site, o painel de gestão, o blog, o briefing online e uma área onde o cliente aprova o conteúdo do feed.
- PHP
- MySQL
- JavaScript puro
- WebP automático
- Sitemap e RSS
zucolab.com.br
O que foi entregue
Funcionalidades em uso de verdade
Prints reais do projeto no ar. Clique em qualquer imagem para ampliar.
01
Abertura em vídeo e portfólio em acordeão
O topo usa vídeo de fundo, com uma versão vertical própria para celular. O arquivo só é baixado quando precisa. Logo abaixo, os projetos em destaque aparecem em um acordeão que ocupa a tela inteira.
zucolab.com.br
02
Área do cliente para aprovar o feed
O cliente entra com e-mail e senha, criados por convite enviado por e-mail. Lá ele vê as pautas do mês com data, formato, legenda e mídia, e pode aprovar, pedir ajuste com texto ou comentar. Os arquivos da marca ficam disponíveis para download.
zucolab.com.br/cliente
Nos bastidores
E o que não aparece no print
Blog com editor visual
Editor próprio, com título, resumo, capa, agendamento e pré-visualização de como o post aparece no Google. Feed RSS e sitemap atualizados sozinhos.
Briefing online
Formulário em seções, liberado por senha. As respostas ficam salvas no navegador enquanto o cliente preenche e chegam por e-mail e no painel.
Painel de briefings e clientes
Lista de briefings novos e lidos, cadastro de clientes e usuários, planejamento mensal de pautas e envio de arquivos com aviso por e-mail.
Imagens otimizadas
Todo upload é convertido para WebP, com a rotação corrigida e duas resoluções geradas automaticamente.
Segurança
Sessão assinada, proteção contra envio forjado (CSRF), limite de tentativas de login e arquivos de clientes fora da pasta pública.
Autonomia
O que o dono edita sozinho
Sem chamar programador e sem esperar por ninguém.
- Projetos do portfólio, galeria, ordem e destaques
- Artigos do blog, com SEO e agendamento
- Leitura e arquivamento dos briefings
- Clientes, usuários e planejamento de pautas
- Arquivos para download de cada cliente
Tecnologias
O que foi usado, e para quê
PHP
Back-end sem framework, simples de manter e hospedar.
MySQL
Banco de dados com consultas protegidas (PDO).
JavaScript puro
Editor do blog, galeria do painel e briefing, sem bibliotecas pesadas.
GD / WebP
Conversão e redimensionamento automático de imagens.
Sitemap e RSS
Gerados a partir do banco, sempre atualizados.
Cookie assinado (HMAC)
Sessão do painel sem depender de arquivos no servidor.
Reaproveitável
Gostou de algo? Levo para o seu projeto.
Estes módulos já existem e funcionam. Adaptamos ao visual e às necessidades do seu negócio.
Portfólio com painel
Você cadastra os trabalhos e eles aparecem no site, com galeria e destaque.
Quero esteBlog com editor visual
Para publicar artigos e ganhar posição no Google.
Quero esteÁrea do cliente
Aprovação de conteúdo, comentários e arquivos por cliente.
Quero esteBriefing online
Questionário em etapas que chega pronto no seu e-mail.
Quero estePedro Zucoloto contou que clientes elogiaram o site e que isso ajudou a converter novos trabalhos. Ele também destacou que adorou poder alterar o próprio portfólio sem depender do desenvolvedor.
O próximo projeto pode ser o seu.
Conte em uma mensagem o que sua empresa faz. A gente responde com uma proposta.
Falar no WhatsApp