Editor do Wix Studio: gerar um sitemap visual e wireframes para um novo site

7 min de leitura
Acelere o planejamento de sites usando nossa ferramenta de sitemap visual com tecnologia de IA. Conte-nos sobre o negócio e os objetivos do seu cliente e geraremos um sitemap visual com wireframes que você pode editar e gerenciar. 
O conteúdo, as páginas e as soluções de negócios que você vê no sitemap visual são adaptados ao brief. Quanto mais detalhes você compartilhar, mais precisos serão os resultados.
GIF mostrando o sitemap visual no Editor do Wix Studio, usando o recurso de arrastar e soltar para mover páginas e seções
Dica:
Como diferentes clientes podem exigir fluxos de ação diferentes, também oferecemos outras maneiras de criar um site do Wix Studio. Você pode começar com uma tela em branco, explorar nossa variedade de templates ou usar seu próprio template personalizado.

Etapa 1 | Preencha os dados sobre o site do seu cliente.

Para começar, vá para a página Sites no seu workspace. Você pode então selecionar criar um novo site com sitemap e wireframes gerados por IA, feitos sob medida para as necessidades exclusivas do seu cliente.
Os únicos campos obrigatórios são o tipo de negócio (por exemplo: loja de roupas online) e uma breve descrição. No entanto, há muitos outros detalhes que você pode compartilhar para tornar o resultado mais preciso para o brief do seu cliente. 

Para começar a criar um novo site:

  1. Vá para Sites no seu workspace do Wix Studio.
  2. Clique em Criar novo site no canto superior direito.
  3. Selecione Sitemap do Wix Studio e wireframes.
  4. Preencha os campos de informações obrigatórios:
    • Qual é o tipo de negócio: insira o propósito principal do site (por exemplo: loja de roupas online, estúdio de fitness, etc.)
    • Descreva esse negócio: escreva algumas palavras ou frases sobre o site e o negócio (por exemplo: a localização do negócio do seu cliente, os produtos ou serviços oferecidos, etc.)
  5. (Opcional) Forneça mais detalhes para melhorar a precisão do sitemap e dos wireframes:
    • Escolha 1 ou mais serviços da lista. 
    • Insira o nome do negócio.
    • Insira o local do negócio.
      Dica: quando começar a digitar o local, você poderá selecioná-lo em uma lista.
    • Descreva o público-alvo que você deseja atrair para este site. 
    • Descreva o que torna o negócio único em comparação com negócios semelhantes na área do seu cliente.
    • Descreva as principais metas do site. O que seu cliente deseja alcançar com esse site? (por exemplo: mostrar seus produtos mais recentes, aumentar o número de agendamentos, etc.)
    • Selecione até 2 opções para descrever o tom de voz desejado.
  6. Clique em Continuar.
A tela inicial em que você insere as informações do seu cliente para que a IA gere uma estrutura
Como alternativa, você pode clicar em Ir para templates na parte inferior para ver nossos templates de site disponíveis. No entanto, tenha em mente que o texto e as páginas que você recebe em um template são mais genéricos.

Etapa 2 | Escolha o que gerar

Antes de prosseguir para o editor, decida o que você deseja que a IA crie para você:
  • Sitemap visual e wireframes: a IA gera a estrutura de páginas e seções para você, ao mesmo tempo que cria wireframes para facilitar o início do seu design. 
  • Apenas sitemap visual: se você tiver uma visão muito específica para o seu design e não precisar de wireframes, você pode escolher essa opção. A IA gera apenas o sitemap. As páginas e seções aparecerão em branco, permitindo que você comece do zero.
Selecione a opção que funciona para você e clique em Começar a gerar.
A tela em que você escolhe entre um sitemap apenas visual ou um sitemap visual e wireframes

Etapa 3 | Revise o sitemap e o conteúdo no editor

Depois de clicar em Começar a gerar, a IA começa a criar o site do seu cliente. Você será redirecionado para o editor para ver o resultado final: um sitemap abrangente com páginas e seções.
O novo site também pode incluir apps do Wix. Por exemplo, se você descrever uma academia, adicionamos automaticamente os apps Wix Bookings e Área de Membros Wix para que seus clientes possam agendar aulas e fazer login em suas próprias contas.
Seu ponto de partida depende do que você escolheu gerar:
  • Sitemap visual e wireframes: você é redirecionado para a página inicial, que já inclui wireframes relevantes.
  • Apenas sitemap visual: você é redirecionado para ver o sitemap visual para que possa revisar a estrutura. Saia do painel para começar a trabalhar no seu design.
    Observação: as páginas relacionadas aos apps do Wix serão preenchidas com elementos de app que você pode personalizar.
Escolha o que fazer a seguir:
Um exemplo de um wireframe que foi gerado automaticamente para uma loja de fantasias vintage
Você tem sites existentes que foram criados no Wix Studio?
O painel sitemap visual está disponível para todos os sites do Editor do Wix Studio, incluindo sites existentes que você criou.