Alura > Cursos de Inteligência Artificial > Cursos de IA para UX & Design > Conteúdos de IA para UX & Design > Primeiras aulas do curso Framer: construindo um sistema CMS com ajuda de IA

Framer: construindo um sistema CMS com ajuda de IA

Planejando o conteúdo - Apresentação

Boas-vindas! Meu nome é Luiz Lima e serei a pessoa instrutora neste curso sobre Framer, no qual criaremos um CMS com a ajuda de inteligência artificial.

Audiodescrição: Luiz se descreve como uma pessoa morena, com cabelo preto cacheado amarrado para trás, e olhos pertos. Ele veste uma blusa preta, e está sentado em uma cadeira preta em frente a um microfone, com uma parede escura ao fundo iluminada em gradiente roxo e uma prateleira de madeira com livros e enfeites.

O que vamos aprender?

Neste curso, vamos discutir como construir um sistema de gestão de conteúdo (CMS) no Framer. Iremos explorar como criar novos artigos e inserir produtos de maneira mais fácil e automatizada na plataforma, com o auxílio da inteligência artificial para otimizar o processo.

No Framer, aprenderemos personalizar espaços no CMS, permitindo a geração de novos artigos de forma simples, tanto por nós quanto por outras pessoas que trabalham conosco.

Para pessoas que possuem portfólio, explicaremos como inserir projetos de maneira rápida e dinâmica, de modo a gerenciar o conteúdo com mais eficiência. Já no caso de um e-commerce, por exemplo, abordaremos como inserir produtos com mais agilidade do que manualmente.

O objetivo do curso é entender como construir esse sistema de gestão de conteúdo.

Para quem é este curso?

Este curso é destinado a qualquer pessoa que utiliza o Framer e deseja construir seu portfólio, site, ou página de negócio na plataforma. No entanto, o curso não é indicado para iniciantes no Framer.

Temos um curso na plataforma que aborda como alterar a parte visual, construir o site, utilizar IA no Framer, ajustar layouts e dimensões, e assim em diante. Esse conhecimento prévio é essencial para melhor aproveitamento do curso e gerenciamento da inserção de conteúdo no Framer.

Curso: Framer: usando IA para criar um site

Conclusão

Esperamos que o curso seja útil no seu dia a dia, e que a inteligência artificial utilizada auxilie a tomada de decisões na gestão de conteúdo. Iremos explorar isso gradualmente na ferramenta.

Aguardamos você no próximo vídeo para darmos início a essa jornada. Um abraço!

Planejando o conteúdo - Organizando o projeto

Vamos dar início ao conteúdo do nosso curso?

Organizando o projeto

Para contextualizar, já trabalhamos com a construção de um site de e-commerce, utilizando como referência a ZOOP Megastore, em um curso anterior desta formação.

Neste curso, utilizamos o Framer para entender como construir um site com IA. Se você ainda não realizou o curso anterior, é importante compreender o Framer para dar continuidade ao conteúdo.

Caso deseje trabalhar com o mesmo projeto que nós, disponibilizamos um link do Framer para acessá-lo. A única diferença é que será necessário acessar o Framer com esse link, acessar sua própria página, e seguir os passos abaixo:

  1. No canto superior esquerdo, clicar no ícone do Framer e selecionar "Edit > Select All";
  2. Copiar o conteúdo com "Ctrl + C";
  3. Clicar no ícone do Framer novamente e criar um novo arquivo em "File > New";
  4. Colar o conteúdo com "Ctrl + V".

Assim, conseguiremos transferir tudo o que foi construído para o nosso próprio projeto, de modo que possamos dar continuidade à ideia do curso e criar o CMS.

Realizar esse procedimento antes de iniciar o curso é essencial para acompanhar o projeto.

Se você tiver seu próprio projeto e quiser criar o sistema de gerenciamento de blog dentro dele no Framer, sinta-se à vontade para acompanhar o conteúdo teórico e aplicá-lo no seu projeto. Caso contrário, basta seguir as instruções mencionadas acima.

Conclusão

Na sequência, começaremos a entender a importância do gerenciamento de conteúdo em qualquer tipo de site. Te aguardamos no próximo vídeo!

Planejando o conteúdo - A importância de engajamento

Construímos um site para um e-commerce chamado ZOOP Megastore. A ideia quando temos um site, seja de e-commerce, pessoal ou de serviço, é manter o engajamento com o público.

Através de um sistema de CMS (Content Management System, ou Sistema de Gerenciamento de Conteúdo), podemos alcançar esse tipo de engajamento.

A importância do engajamento

Por exemplo: ao acessar o site do ClickUp — um sistema de gerenciamento de projetos —, conseguimos observar como ele organiza tarefas e atividades, sendo muito utilizado por equipes maiores, especialmente na área de tecnologia.

O ClickUp precisa vender esse sistema e, para isso, ele possui uma área específica de blog, onde são oferecidas dicas de gerenciamento e métodos eficientes de trabalho. Assim, o ClickUp gera conteúdo relacionado ao serviço que vende, engajando o público-alvo.

Esse tipo de estratégia é essencial para qualquer negócio ou empresa, e até para gerenciar conteúdos pessoais, criando um blog para compartilhar informações e aprendizados. Possuir um sistema de gerenciamento de conteúdo é válido para se posicionar no mercado ou como profissional.

No Framer, trabalharemos com a criação de um pequeno sistema de gerenciamento de conteúdo, facilitando a criação e a organização das postagens no site.

Utilizando o Gemini

Utilizaremos uma inteligência artificial — neste caso, o Gemini — para dar o primeiro passo no gerenciamento de conteúdo, entendendo quais estruturas são necessárias para criar um blog.

A inteligência artificial nos guia, oferecendo direções e sugestões.

No Gemini, podemos iniciar uma conversa sobre o blog e fixá-la no menu de conversas à esquerda, para desenvolver ideias ao longo do tempo, utilizando a inteligência artificial como referência.

Isso também funciona no ChatGPT, mas utilizaremos o Gemini por escolha pessoal.

Inicialmente, faremos uma pergunta simples com o seguinte prompt:

Como eu posso estruturar um blog para o meu e-commerce, para me auxiliar no engajamento em vendas dos meus produtos?

Ao enviar o prompt, recebemos algumas indicações da inteligência artificial sobre o caminho a seguir para desenvolver nosso sistema de gerenciamento de conteúdo.

Observe um trecho do retorno abaixo:

Como estruturar um blog para impulsionar as vendas do seu e-commerce

Um blog bem estruturado e com conteúdo relevante pode ser um poderoso aliado para aumentar o engajamento e as vendas do seu e-commerce. Ele te permite conectar-se com seu público, construir autoridade no seu nicho e direcionar tráfego qualificado para sua loja virtual.

[…]

Primeiramente, precisamos de uma estratégia, onde definimos público-alvo, objetivos e temas. Embora pareça simples, isso já oferece uma base interessante. Não pensamos antes em incluir temas no gerenciamento de conteúdo, mas em vendas, há muitos aspectos a considerar.

A inteligência artificial também sugere elementos visuais para o blog, como design e organização, além de enfatizar a importância de conteúdo de qualidade.

Os tipos de conteúdo que geram engajamento são fundamentais, como tutoriais, listas e comparativos. Isso nos ajuda a entender quais conteúdos incluir no blog para gerar o engajamento correto, beneficiando nosso serviço, negócio e portfólio.

Esse é um ótimo momento para fazer perguntas e tirar dúvidas com a inteligência artificial, direcionando melhor o que você quer saber.

Conclusão

Agora, podemos aprofundar nos tipos de sistemas ou conteúdos engajantes para criar no blog, além de gerar um planejamento e um calendário de postagens.

No próximo vídeo, utilizaremos a inteligência artificial para criar esse calendário e organizar o sistema de gerenciamento de conteúdo no site. Nos encontramos na sequência!

Sobre o curso Framer: construindo um sistema CMS com ajuda de IA

O curso Framer: construindo um sistema CMS com ajuda de IA possui 95 minutos de vídeos, em um total de 37 atividades. Gostou? Conheça nossos outros cursos de IA para UX & Design em Inteligência Artificial, ou leia nossos artigos de Inteligência Artificial.

Matricule-se e comece a estudar com a gente hoje! Conheça outros tópicos abordados durante o curso:

Aprenda IA para UX & Design acessando integralmente esse e outros cursos, comece hoje!

Conheça os Planos para Empresas