Advogada Magdiele
Link do site: https://abogadamagdiele.com
Processo de Desenvolvimento
Para garantir que o site ficasse exatamente como a cliente precisava, nós mantivemos uma comunicação constante por mensagens e fizemos 3 reuniões principais ao longo do projeto:
1. Entendimento do Negócio e Objetivos
Na primeira reunião, conversei com a cliente para entender o trabalho dela, quem eram seus clientes e o que ela queria alcançar com o site. Os objetivos principais eram:
Atrair novos clientes para os seus serviços principais.
Informar os clientes atuais sobre outros serviços que ela oferece e quais documentos são necessários para cada processo jurídico.
Depois dessa conversa, criei um documento detalhado com o plano do site. Compartilhei esse arquivo pelo Google Docs para que a cliente pudesse acompanhar e dar sugestões. Esse documento ficou disponível para ela durante todo o projeto.
2. Desenho do Layout (Wireframe)
Na segunda reunião, apresentei um esboço do site feito no Figma, mostrando a ordem das informações e onde ficaria cada botão. A cliente aprovou o visual rapidamente, sugerindo apenas pequenos ajustes.
3. Entrega do Site Online
Na terceira reunião, apresentei o site totalmente programado e já publicado na internet. Fizemos os últimos ajustes finos juntos e o site ficou pronto para uso.
Principais Funcionalidades
Catálogo de Serviços: Informações organizadas sobre os principais serviços e processos jurídicos.
Contato Direto (WhatsApp): Links inteligentes que já vêm com uma mensagem preenchida de acordo com o serviço que o cliente estava olhando.
Aviso de Cookies: Sistema integrado para aceitar cookies, conectado com o Google Tag Manager.
Super Rápido: Site gerado de forma estática para carregar instantaneamente.
Tecnologias Utilizadas
O projeto foi feito usando uma estrutura moderna, focada em velocidade e custo zero de manutenção:
Astro: Framework para criar o site de forma estática e super rápida.
Cloudflare Pages: Plataforma onde o site está hospedado.
Sass: Para organizar e criar os estilos visuais (CSS) do site.
Markdown & YAML: Arquivos simples de texto usados para organizar os dados dos serviços e depoimentos.
Organização do Projeto
O código do site é organizado de forma simples dentro da pasta src/:
src/pages/: Onde ficam as páginas do site (a página principal é oindex.astro).src/components/: Partes visuais do site que podem ser reaproveitadas (botões, menus, etc.).src/layouts/: O "esqueleto" principal em HTML que envolve todo o site.src/content/: Pasta onde ficam os textos dos serviços, perguntas frequentes (FAQs) e depoimentos em formato Markdown.src/assets/: Imagens, ícones e arquivos de estilo (CSS/Sass).