MODULO 1.4

πŸ—οΈ Arquitetura de Sites

Conheca os 5 modelos estruturais do framework AI WCF e escolha o ideal para cada projeto.

6
Topicos
45
Minutos
Iniciante
Nivel
Conceitual
Tipo
1

🎯 Framework vs. Gerador

O AI WCF nao e apenas um gerador de sites - e uma metodologia estruturada para criar sites com IA de forma consistente, eficiente e com identidade premium.

πŸ’‘ O que define um Framework

βœ”οΈ

Estruturacao

Layout base padronizado

βœ”οΈ

Diretrizes de Marca

Visual, motion e experiencia

βœ”οΈ

Instrucoes de Conteudo

Bem separadas e organizadas

βœ”οΈ

Prompt Reutilizavel

Modelo preciso e escalavel

❌ Gerador Simples

  • β€’ Resultados imprevisΓ­veis
  • β€’ Sem padrao visual
  • β€’ Dificil de replicar
  • β€’ Cada projeto comeca do zero

βœ… Framework AI WCF

  • β€’ Resultados previsΓ­veis
  • β€’ Identidade visual definida
  • β€’ Reutilizavel e escalavel
  • β€’ Padrao profissional

"Temos um modelo estruturado para criar sites com IA β€” mais proximo de um framework profissional do que de um simples gerador de paginas."

2

πŸ“„ S1 - One Page Classico (Base)

O modelo mais simples e direto. Ideal para landing pages, servicos e MVPs. E a base de todos os outros modelos.

πŸ—οΈ Estrutura do Modelo

1 HEADER - Navegacao principal
2 HERO - Secao principal de impacto
3 ABOUT - Sobre a marca/pessoa
4 SERVICES - O que oferece
5 CTA - Chamada para acao
6 FOOTER - Rodape com links
πŸ“ˆ

Mais conversao

⚑

Mais simples

🎯

Alta clareza para IA

3

πŸ‘‘ S2 - Authority / Thought Leadership

Modelo focado em credibilidade e autoridade. Ideal para marcas pessoais, consultorias e experts que precisam demonstrar expertise.

πŸ—οΈ Estrutura do Modelo

1 HEADER
2 HERO
3 AUTHORITY PROOF - Stats, logos, social proof
4 ABOUT - Story + visao
5 SERVICES
6 CTA + FOOTER

⭐ Diferenca-chave

  • β€’ Prova vem ANTES do "sobre" - primeiro mostra credenciais
  • β€’ Mais foco em credibilidade e resultados
  • β€’ Ideal quando precisa convencer atraves de autoridade
4

πŸš€ S3 - Product / SaaS Landing

Modelo orientado a produto. Ideal para produtos digitais, SaaS e apps. Menos storytelling, mais explicacao funcional.

πŸ—οΈ Estrutura do Modelo

1 HEADER
2 HERO - Value proposition
3 FEATURES - Bento / cards
4 HOW IT WORKS - Passo a passo
5 INTEGRATIONS / BENEFITS
6 CTA + FOOTER

⭐ Diferenca-chave

  • β€’ Menos storytelling, mais funcionalidade
  • β€’ Explicacao clara do que o produto faz
  • β€’ Estrutura orientada a demonstrar valor tangivel
5

🎨 S4 - Creative / Brand Experience

Modelo com foco em experiencia visual e emocional. Ideal para marcas premium, estudios, design e moda.

πŸ—οΈ Estrutura do Modelo

1 HEADER - Minimal / floating
2 HERO - Visual dominante
3 MANIFESTO - Proposito da marca
4 SELECTED WORK / SERVICES
5 BRAND FEEL / VALUES
6 CTA + FOOTER

⭐ Diferenca-chave

  • β€’ Visual ANTES do texto
  • β€’ Emocao > Explicacao
  • β€’ IA recebe mais instrucoes esteticas
6

⚑ S5 - Conversion-Driven (Performance)

Modelo agressivo de conversao. Ideal para marketing, trafego pago e campanhas que precisam de resultados imediatos.

πŸ—οΈ Estrutura do Modelo

1 HERO - Headline forte + CTA
2 BENEFITS - Beneficios claros
3 PROOF - Cases, numeros
4 SERVICES / OFFER
5 URGENCY CTA - Escassez/urgencia
6 FOOTER - Minimo

⭐ Diferenca-chave

  • β€’ Header pode ser embutido (ou inexistente)
  • β€’ CTA aparece multiplas vezes
  • β€’ Estrutura agressiva de conversao

🧠 Framework Modular

O modelo NAO e rigido. Voce pode ter 5 (ou mais) estruturas oficiais. Todas usam:

Diretrizes de marca
Instrucoes de motion
Conteudo separado
Prompt estruturado

πŸ“‹ Resumo do Modulo

βœ“
S1 - One Page Classico - Base para landing pages e MVPs
βœ“
S2 - Authority - Foco em credibilidade e prova social
βœ“
S3 - Product/SaaS - Orientado a produto e funcionalidades
βœ“
S4 - Creative/Brand - Experiencia visual e emocional
βœ“
S5 - Conversion-Driven - Agressivo para trafego pago

Proximo Modulo:

1.5 - Diretrizes de Marca