Olá! 👋

Já faz um tempo que eu venho aplicando técnicas através de inteligência artificial para agilizar meu processo de criação.

Quando o Joseph nos procurou, não foi diferente.

Através do ChatGPT fomos capazes de reduzir o tempo do processo pela metade, e quero explicar como fizemos isso em 7 passos.

Vamos ao que interessa:

A seguir, revelo o passo a passo deste método, detalhando os prompts que utilizei no ChatGPT e como eles se encaixaram no meu fluxo de trabalho.

1. Configurando o Assistente no ChatGPT

Antes de começar com o design e desenvolvimento, é crucial introduzir e contextualizar o ChatGPT ao projeto. Definir claramente as expectativas e funções nos ajuda a extrair os melhores insights e informações. É como integrar um novo membro à equipe: quanto mais informado, mais valioso será sua contribuição.

Você vai atuar como um assistente de design especialista em criar marcas para projetos pessoais. 

Quero que você me ajude em todas as etapas de criação de uma marca e posteriormente de um website. 

Seu papel é fornecer ideias, textos, sugestões, críticas para tudo que eu solicitar.

Entendido? Não faça nada até eu dar a próxima ordem.

2. Detalhando o Projeto para o ChatGPT

Para qualquer assistente gerar resultados valiosos (seja humano ou IA), é fundamental compreender totalmente o desafio. Esse entendimento garante que suas sugestões estejam alinhadas com os objetivos do cliente e com a visão do projeto.

Forneci ao ChatGPT o briefing exato recebido do cliente, garantindo que o assistente tivesse o mesmo conhecimento base que eu. A partir daí, iniciamos uma colaboração para entender e atender às necessidades específicas do projeto.

Ocultei as respostas para preservar a confidencialidade.

Vou colar o briefing que o cliente respondeu para que você compreenda tudo com clareza. Não execute ações até que eu ordene.

Qual é a sua história pessoal? Quais são os principais eventos e experiências que moldaram quem você é hoje?
R: 

Quais são seus valores pessoais fundamentais? No que você acredita e defende como indivíduo?
R: 

Qual é a sua visão de futuro? Onde você se vê em termos de sua carreira e impacto no mundo?
R:

Quais são suas forças e habilidades únicas? O que você traz para o mercado que o diferencia dos outros?
R:

Quais são suas paixões e interesses? Em quais tópicos ou áreas você deseja se posicionar como especialista?
R:

Como você deseja ser percebido pelo seu público? Quais emoções e impressões você deseja evocar?
R:

Quais são os principais desafios ou problemas que você resolve para o seu público-alvo? Como você ajuda as pessoas a alcançar seus objetivos ou superar obstáculos?
R:

Quais marcas pessoais ou profissionais você admira? O que você pode aprender com elas em termos de posicionamento e estratégias de marca?
R:

Qual é o seu objetivo final ao desenvolver sua marca pessoal? O que você espera alcançar e como medirá o sucesso?
R:

3. Brainstorming Assistido por IA

Agora a coisa começa a ficar interessante. Essa etapa é mais livre e você tem liberdade para criar seus próprios prompts. Vou sugerir alguns que utilizei abaixo, mas fique a vontade para utilizar conforme suas necessidades.

📈 Análise de competidores:

A partir das repostas, me ajude listando 10 outras marcas do mesmo nicho para me ajudar com inspirações no processo criativo. Coloque também o site de cada marca.

🔎 Pesquisa de Referências

A partir do briefing, liste 10 inputs para o Pinterest, a fim de me ajudar a encontrar mais referências visuais para criação da marca (logotipo, cores, fontes, etc).

🖊️ Pesquisando Famílias Tipográficas

Com base no briefing, sugira 10 combinações de famílias tipográficas de uso comercial livre para testar nas aplicações. Coloque uma breve explicação para cada família a fim de defender a escolha na hora de apresentar ao cliente.

🎨 Testando Cores

Sugira 5 paletas de cores que poderiam ser utilizadas na marca.
Cada paleta precisa ter tons neutros, e até 2 outros tons (primário e secundário).

Por exemplo: Branco/preto + laranja (cor primária) + Verde (cor secundária).

Deixei claro o código HEX de cada cor.

Também apresente uma pequena defesa explicando o porquê de cada escolha a fim de defender a marca quando eu mostrar para o cliente.

🌀 Trabalhando no Logo

Sugira ideias de símbolos que possam representar o cliente. Descreva de forma clara esses símbolos e como apresentá-los como logotipo da marca.

Sugira também taglines e frases curtas para compor versões alternativas para o logo com o nome da marca.

4. Testes e Criação

O processo criativo é uma viagem essencialmente humana. Porém, a tecnologia pode ser uma aliada valiosa. Peça opiniões e apresente desafios ao ChatGPT sempre que sentir um bloqueio criativo.

Vou deixar aqui um breve resultado final da marca criada:

Agora vamos começar a trabalhar no website e sua estratégia.

5. Estratégia Web através da IA

Um site vai além de páginas interligadas; é uma jornada digital. Para essa trajetória ser eficaz, precisamos de uma estratégia web clara.

Perfeito, finalizei a criação da marca.

Agora, vamos começar a trabalhar no website.

O objetivo do website do cliente é reforçar sua autoridade enquanto profissional, captar leads através de uma central de recursos apresentaremos blog posts, ebooks em PDF, vídeos e podcasts.

Quero que você comece sugerindo um sitemap para o cliente. 

Você deve ser claro no objetivo do website: autoridade, captura de leads, apresentação de produto, etc... Informe também quais páginas são indispensáveis e quais você descartaria.

6. Textos para o Site: Trabalhando com o ChatGPT

A estrutura de um site é o esqueleto; os textos são a carne, a alma. Os textos não apenas informam, mas também engajam, conectam e motivam os visitantes a agir. Para que eles cumpram sua função de maneira eficaz, precisam ser bem pensados, refletindo o tom e a mensagem desejados.

Com a estrutura do site bem definida, comecei a trabalhar com o ChatGPT na criação dos textos. Informei sobre o tom de voz desejado, o idioma final e a mensagem central que queríamos comunicar em cada página.

Agora, para cada seção, você deve me ajudar a gerar os textos que farão parte do website. 

Utilize de todo o conhecimento que você aprendeu com essa conversa, baseada no briefing que o cliente enviou, escrevendo em inglês com um tom de voz profissional e persuasivo.

Para cada seção do site, crie baseado na estrutura de Tagline, Heading e Parágrafo, utilizando bullet points e ícones sempre que julgar necessário.

Também, crie os textos pensando na estratégia de SEO.

Vamos começar pela homepage.

7. Outros Prompts Úteis

Ao longo do processo, houve momentos em que precisei de inspiração adicional ou de um novo ângulo para abordar um desafio. Em vez de ficar preso, voltei-me para o ChatGPT com alguns dos meus prompts favoritos.

Segue alguns prompts úteis que podem ser utilizados ao longo do processo.

🌄 Sugerindo Imagens & Ícones

Esse prompt me ajudou quando não sabia qual imagem (ou ícone) poderia utilizar para descrever a seção. O output pode ser utilizado em ferramentas como o Midjourney ou pesquisado em bancos de assets.

Me ajude sugerindo imagens para esse texto. Seja claro na descrição e sugira também palavras chave que eu possa utilizar na pesquisa em banco de imagem.

Texto:

From ruling the basketball court to defending the nation as a US Marine, Joseph has always pursued excellence. Today, he channels that same fervor into Apex Real Estate Investments, bridging HNW and UHNW individuals to the lucrative world of multifamily investments in Texas and the Southeast.

📖 Gerando Alt Text para Imagens

Quando trabalhamos com imagens na web, precisamos inserir o texto alternativo para cada uma delas. Quem já trabalhou com isso sabe o quão chato é 😅.

Porém, com o novo recurso de imagens do ChatGPT, podemos usar nosso querido amigo para tal tarefa.

Sugira o Alt Text para essa imagem que será utilizado no website.

(UPLOAD IMAGEM)

Ao longo desta experiência, vimos como o ChatGPT pode transformar o design e o desenvolvimento de sites. Da conceituação inicial até o refinamento final, é evidente que a tecnologia economiza tempo, oferece insights únicos e melhora nossa abordagem criativa.

Deixo aqui o resultado final para você explorar e se inspirar:

Indicações da semana 💡

Eu vivo indo atrás de coisas novas, dentro e fora do mundo das AIs. Frequentemente encontro algumas coisas legais, e outras nem tanto. Por tanto, aí vai um compilado do que eu estive consumindo nos últimos dias…

🤖 Uma tecnologia para ficar de olho

Já pensou transformar uma simples foto em um modelo 3D totalmente imersivo? Essa tecnologia está sendo estudada em parceria com o Google e pretende "rastrear” a região ao redor de um objeto: CAT3D

✏️ Um recurso de design…

Um cara que eu acompanho muito é o Andrey. Essa semana o querido lançou um pack de vetores gratuitos que simulam setas e rabiscos feitos à mão, direto no Figma. Acesse aqui.

Se você leu até aqui, você é meu amigo.

Então, faz o seguinte:

• Me segue no LinkedIn, onde eu mostro os bastidores dos meus projetos.

• Se inscreve no meu canal do YouTube, lá eu compartilho minhas histórias.

• Me acompanha no Instagram, mas não prometo nada além de alguns stories sobre meu dia a dia.

Ou, você pode compartilhar essa newsletter para outros amigos.

Um abraço e até logo! 👋