Web design é o processo multidisciplinar de planejar, criar e manter a identidade visual, a experiência do usuário e o desempenho técnico de um site. Dez pilares essenciais:
- Layout Visual — grade, espaçamento, paleta de cores, tipografia, imagens, consistência da marca.
- UI Design — botões, formulários, navegação, modais, affordances, estados (hover, focus, disabled).
- UX Design — pesquisa com usuários, fluxos, wireframes, testes de usabilidade, acessibilidade (WCAG 2.1 AA).
- Design Responsivo — grades fluidas, imagens flexíveis, media queries; mobile-first.
- Acessibilidade — HTML semântico, ARIA, contraste, ordem de foco, alt text, legendas.
- Estratégia de Conteúdo — IA, copywriting, tom, hierarquia, localização.
- Arquitetura da Informação — sitemap, taxonomia, navegação, busca.
- Performance — Core Web Vitals (LCP, INP, CLS), compressão, cache, CDN, code splitting.
- Cross-Browser/Device — progressive enhancement, polyfills, matriz de testes.
- SEO Técnico — meta tags, headings, structured data, sitemaps, robots, canonicals.
Ferramentas: Figma, Sketch, VS Code, Git, Storybook, Lighthouse, axe, WebPageTest. Handoff design→dev via Zeplin, Figma DevMode ou specs.
