Pular para o conteúdo principal
Voltar para Projetos
Projeto demonstrativo da IdeiaFluiEstratégia digitalWebIA generativa

Aurora Skin

Uma experiência digital para uma marca-conceito de skincare botânico

Como apresentar um produto de skincare de forma elegante, clara e coerente com a identidade de uma marca?

A Aurora Skin é um projeto conceitual criado para demonstrar como estratégia de comunicação, identidade visual, conteúdo produzido com IA e desenvolvimento web podem trabalhar juntos para construir uma experiência digital de produto.

Cenário de produto-conceito da Aurora Skin
Apresentação de Produto-Conceito

Lumière Sérum Botânico Noturno

Marca-conceito fictícia
O desafio

Equilibrar sofisticação estética e organização comercial

Criar uma apresentação digital que transmitisse os valores de uma marca de skincare botânico: ciência, natureza, transparência e autocuidado consciente.

O desafio era combinar uma estética sofisticada com informações organizadas, linguagem acolhedora e uma estrutura de página que conduzisse o visitante pela proposta do produto.

A solução

Proposta integrada de comunicação e experiência digital

A IdeiaFlui desenvolveu uma proposta integrada de comunicação e experiência digital, reunindo:

  • Estratégia de marca: organização do posicionamento e da mensagem principal.
  • Identidade visual: aplicação de paleta, tipografia e direção de arte coerentes com a proposta da marca.
  • Copywriting: textos estruturados para apresentar o conceito do produto e orientar a leitura.
  • Conteúdo visual com IA: composições publicitárias para ilustrar a apresentação do produto.
  • Landing page: estrutura responsiva com apresentação do produto, informações organizadas e chamadas para ação demonstrativas.
Competências Aplicadas

O que este projeto demonstra

A capacidade de integrar diferentes entregáveis em uma experiência digital coerente — da definição da mensagem à apresentação visual e à estrutura da página.

O projeto também ilustra como a IA generativa pode apoiar a produção de conteúdo visual dentro de uma direção criativa definida.

1. Clareza de comunicação

Transformação de uma proposta de marca em mensagens claras, hierarquia de informação e textos que ajudam o visitante a entender o produto.

2. Produção visual integrada

Direção de arte, identidade visual consistente e imagens geradas com inteligência artificial para compor uma apresentação refinada.

3. Execução digital

Landing page como entrega concreta, destacando responsividade, facilidade de navegação e organização comercial da oferta.

Identidade Visual & Paleta da Marca-Conceito

Recomendação de direção visual baseada no Brand Book da Aurora Skin por Pomelli para criar uma atmosfera acolhedora e limpa (as tonalidades atuam como guia estético e de hierarquia funcional, não como uma medição ou proporção rígida):

Chalk White

#F6F4F0

Base clara e iluminação de fundo, transmitindo pureza, respiro e calma visual.

Canyon Peach

#D98A6C

Acento primário e pontos focais de ação, trazendo calor e sensação orgânica.

Dusty Sage

#8A9A86

Tom vegetal de apoio para detalhes botânicos e selos conceituais de equilíbrio.

Onyx Black

#2C2B2A

Contraste tipográfico e linhas de estrutura, assegurando máxima legibilidade.

Conteúdo Visual com IA

Composições Publicitárias de Produto

Exemplo de direção de arte unindo elementos botânicos, luz natural e texturas minerais:

Arco Terracota — Cenário Principal

Arco Terracota — Cenário Principal

Composição com elementos botânicos, luz natural e texturas minerais.

Pedestal de Mármore — Enquadramento

Pedestal de Mármore — Enquadramento

Enquadramento editorial com destaque para a embalagem e seus acabamentos.

Mesa Botânica — Ambientação

Mesa Botânica — Ambientação

Estudo de composição de cena com iluminação suave e folhas secas.

Macro Textura — Luminosidade

Macro Textura — Luminosidade

Estudo visual de textura e luminosidade focado na fluidez do produto.

Melhoria & Ambientação de Fotografias

Antes e Depois: Da Foto Crua à Composição com IA

Demonstração do Serviço 04 (Conteúdo Visual com IA): como uma fotografia crua de estúdio em fundo neutro é transformada em uma composição publicitária fotorrealista de alto padrão editorial, preservando com fidelidade absoluta o frasco, o conta-gotas e o rótulo do produto.

Ver comparativo em HD
Antes: Foto crua de produto em fundo neutroAntes • Foto crua de produto

Fotografia Sem Ambientação

Captura isolada em estúdio simples sobre fundo neutro, sem profundidade, sem elementos orgânicos e sem narrativa de marca.

Depois: Composição publicitária de alta fidelidade gerada com IADepois • Composição com IA

Composição Publicitária de Alta Fidelidade

Nicho arquitetônico em arco terracota (Canyon Peach #D98A6C), iluminação lateral difusa, texturas minerais e atmosfera sensorial de clean beauty.

Mídia Paga & Performance

Criativos de Anúncio e Banners Multi-Formato

Desenvolvimento de peças publicitárias em conformidade técnica com as diretrizes de tráfego pago da Meta Ads e Google Display nos três formatos fundamentais de conversão: 1:1 (Feed), 9:16 (Stories/Reels) e 16:9 (Banners Web).

Criativo Feed 1:1 — Bakuchiol vs Retinol1:1 Quadrado (1080×1080)
Feed Meta Ads / Carrossel

Criativo Feed 1:1 — Bakuchiol vs Retinol

Foco na quebra da objeção de descamação: contraste entre a agressividade do retinol e a delicadeza regeneradora do Bakuchiol puro a 1%.

Criativo Feed 1:1 — Kit Ritual Serenidade1:1 Quadrado (1080×1080)
Campanha de Oferta / Conversão D2C

Criativo Feed 1:1 — Kit Ritual Serenidade

Apresentação comercial do Kit em 3 passos com 15% OFF, brinde de nécessaire sustentável e garantia serena de 30 dias.

Criativo Stories & Reels 9:16 — Pausa Noturna9:16 Vertical (1080×1920)
Instagram Stories / Reels / TikTok Ads

Criativo Stories & Reels 9:16 — Pausa Noturna

Abordagem sensorial imersiva com pergunta reflexiva de autocuidado consciente e call-to-action de frete cortesia.

Banner Web 16:9 — Identidade & Hero16:9 Paisagem (1920×1080)
Banner de E-commerce / Google Display / YouTube

Banner Web 16:9 — Identidade & Hero

Apresentação solene da marca unindo o manifesto botânico, tríade de bioativos nobres e direcionamento para a coleção completa.

Entrega Digital

Landing Page do Produto-Conceito

Estrutura responsiva com apresentação do produto, informações organizadas e chamadas para ação demonstrativas.

Abrir em nova aba
https://ideiaflui.com.br/aurora-skin/landing_page_revisada.html
Estratégia para Redes Sociais

Conteúdo para Instagram: Barreira Cutânea 2.0

Estratégia editorial educativa e sensorial baseada no Brand Book e Guia de Voz e Tom da Aurora Skin: desmistificando o skincare agressivo e apresentando a ciência botânica do autocuidado consciente.

Abrir carrossel em nova aba
Slide 01 • Capa

A Obsessão pela Barreira Cutânea 2.0

Por que a longevidade da pele começa no respeito ao manto lipídico, e não em esfoliações agressivas.

✦ Eficácia Gentil • Ritual01/06
Slide 02 • Diagnóstico Sensorial

Sua pele pede uma pausa regeneradora

O excesso de ácidos sintéticos fragilizou a derme: ardor ao lavar e repuxamento pedem nutrição e bioativos gentis.

🍃 Microbioma vivo02/06
Slide 03 • Biologia Celular

O escudo vivo que sustenta o viço

A barreira córnea como muralha inteligente: lipídios protetores, microbioma blindado e longevidade ativa pro-aging.

💧 Manto lipídico íntegro03/06
Slide 04 • Bioativos Nobres

A potência dos bioativos limpos

Bakuchiol 1% (alternativa botânica suave), Óleo de Rosa Mosqueta virgem e Niacinamida 5% sem descamação.

✨ Cosmecêutica botânica04/06
Slide 05 • O Ritual Diário

Três momentos de presença e cuidado

Menos passos, mais potência: Limpeza Suave Néctar da Terra, Reparação Noturna com Lumière Sérum e Bruma Mineral Nuvem Dourada.

🧴 Ritual descomplicado05/06
Slide 06 • Fechamento & CTA

Permita-se essa pausa. Sinta na pele.

O glow natural floresce quando a barreira encontra descanso, nutrição botânica e equilíbrio verdadeiro.

🤝 Autocuidado consciente06/06
https://ideiaflui.com.br/aurora-skin/carrossel_barreira_cutanea.html
Abrir em tela cheia

Transparência do projeto

A Aurora Skin é uma marca fictícia, criada para fins demonstrativos. O produto, a formulação proposta, os preços, as avaliações e os indicadores apresentados são ilustrativos, não representam resultados comerciais reais e não constituem comprovação de eficácia.

A landing page é um protótipo de portfólio. Suas interações de compra são demonstrativas e não representam uma loja funcional.

Ficha Resumida do Projeto

Visão rápida dos parâmetros operacionais e entregáveis executados neste case:

Escopo
  • • Estruturação de posicionamento e mensagem de produto
  • • Definição da hierarquia de informação e navegação
  • • Redação e copywriting estratégico de seções
  • • Direção de arte e composição fotográfica
  • • Desenvolvimento de landing page responsiva (mobile-first)
Entregáveis Concretos
  • • Landing page responsiva integrada com FAQ de objeções e bloco de ofertas
  • • Prancha visual consolidada de referência da marca
  • • 4 composições fotográficas fotorrealistas de produto com IA
  • • Comparativo Antes e Depois: foto crua → composição publicitária
  • • Criativos de anúncio e banners multi-formato (1:1, 9:16 e 16:9)
  • • Carrossel educativo de Instagram (6 slides sobre Barreira Cutânea 2.0)
  • • Roteiro estruturado de 5 pilares para quebra de objeções e jornada de uso
Ferramentas Utilizadas
  • • Código & Web: HTML5, CSS3, JavaScript, Next.js, Tailwind CSS
  • • Conteúdo & Copy: Modelos de Linguagem (LLMs) com guias de voz
  • • Visual & Imagens: IA generativa para fotografia de estúdio e texturas
  • • Design & Tipografia: Google Fonts (Cormorant Garamond, Playfair, Plus Jakarta Sans)

Vamos desenvolver uma solução para o seu negócio?

Precisa apresentar melhor seu produto ou estruturar sua presença digital?

Vamos conversar sobre uma solução para sua marca. A IdeiaFlui ajuda a transformar essa necessidade em um projeto concreto e profissional.