Os termos são frequentemente usados como sinônimos, mas referem-se a escopos muito diferentes.
Web Design (O Processo e Disciplina)
Web design é a prática ponta-a-ponta de criar um website. Encompassa:
- Arquitetura da Informação: Mapa do site, navegação, hierarquia de conteúdo.
- Design Visual: Layout, paleta de cores, tipografia, branding, breakpoints responsivos.
- Experiência do Usuário (UX): Wireframes, protótipos, testes de usabilidade, acessibilidade (WCAG).
- Desenvolvimento Front-end: HTML, CSS, implementação JavaScript.
- Estratégia de Conteúdo: Copywriting, produção de mídia, estrutura SEO.
- Performance e Manutenção: Otimização, configuração CMS, analytics, atualizações.
Resultado: Um website completo, funcional (múltiplas páginas, backend, domínio, hospedagem).
Página Web (Um Único Documento)
Uma página web é um único documento HTML acessível via URL única. Consiste em:
- HTML – estrutura semântica (títulos, parágrafos, listas, mídia).
- CSS – estilização (cores, espaçamento, layout grid/flex).
- JavaScript – interatividade (formulários, animações, dados dinâmicos).
- Assets – imagens, fontes, vídeos referenciados pela página.
Um website é uma coleção de páginas web interligadas compartilhando um domínio.
Analogia
Web design = projetar o prédio inteiro (plantas, quartos, encanamento, decoração).
Página web = um quarto naquele prédio.