R3D End-to-end · Adobe Magento 2 · construído com agentes de IA

Reality 3 Dreams — Um e-commerce desenhado end-to-end

Do tema à experiência de compra, um e-commerce construído inteiramente em Adobe Magento 2, com as features de negócio propostas e desenvolvidas com agentes de IA.

  • Produto B2C · E-commerce · Adobe Magento 2
  • Papel Product Designer & AI Builder · end-to-end
  • Timeline Lançado em 20/09/2026
  • Stack Adobe Magento 2 · PHP 8 · OpenSearch · Redis · Varnish · Docker · Three.js · Cursor
  • Contexto Reality 3Dreams (via OCTI, meu estúdio)

Plataforma totalmente nova, lançada em 20/09/2026 e construída inteiramente em Adobe Magento 2

Abrir produto

R3DA loja

Da vitrine ao orçamento de impressão 3D.

Reality 3Dreams: Home

Telas da loja no ar (set/2026). Selecione uma área para ver a interface.

Contexto

A Reality 3Dreams vende impressão 3D e colecionáveis numa instalação Magento 2 multi-loja, em espanhol, inglês e português, com checkout em euros. O projeto foi além da camada visual: tema próprio, features de negócio e a operação que sustenta a loja.

Problema

Conciliar necessidades comerciais, experiência de compra, as limitações e capacidades do Magento, identidade visual, novas funcionalidades e operação. O Magento padrão resolve catálogo e pedidos; as oportunidades que identifiquei estavam além disso: orçamento de impressão 3D a partir do arquivo do cliente, campanhas segmentadas por nicho e um programa de parceiros.

Meu papel

Product Designer & AI Builder, pelo meu estúdio OCTI: identifiquei as oportunidades, defini as soluções, desenhei a experiência e usei agentes de IA no Cursor para acelerar exploração, prototipação e desenvolvimento das novas funcionalidades. Tema, Design System e features foram construídos inteiramente em Adobe Magento 2, com auditoria técnica, runbooks e documentação como parte da entrega.

Decisões

Sair do template Smartwave Porto para um tema próprio sobre o Magento Blank, com o Design System do estúdio como fonte. No simulador de impressão, adicionar o viewer 3D e o fluxo real — upload, estimativa, carrinho — sem redesenhar a interface que já funcionava. Nos microsites, manter a identidade própria do Animascota e depreciar Chaveiros e Mascotes, que eram dados de teste. Tratar documentação, runbooks e anti-regressão como parte do produto.

Solução & artefatos

Telas e detalhes do projeto.

Design e tecnologia como um único produto

O projeto conectou estratégia de experiência, interface e implementação para criar uma operação de e-commerce sobre Magento, com um tema próprio e funcionalidades desenhadas a partir das necessidades do negócio.

  • End-to-end — do Design System ao código, conduzindo agentes de IA no Cursor.
  • Magento personalizado — tema próprio sobre o Blank, no lugar de um template pronto.
  • Features orientadas ao negócio — orçamento de impressão 3D, microsites e parceiros.

A plataforma em quatro camadas

  1. Loja
    • tema próprio
    • catálogo e produto
    • minicart e checkout em 4 passos

    Decisão: experiência de compra própria

  2. Impressão 3D
    • upload STL/OBJ
    • viewer 3D
    • estimativa e carrinho

    Decisão: do arquivo do cliente ao carrinho

  3. Crescimento
    • microsites por nicho
    • campanha rastreada no pedido
    • parceiros e comissões

    Decisão: campanhas e parceiros rastreáveis

  4. Operação
    • auditoria técnica
    • runbooks
    • anti-regressão
    • documentação

    Decisão: uma plataforma que outra pessoa consegue operar

O que descartamos

Problema

Conciliar necessidades comerciais, experiência de compra, as limitações e capacidades do Magento, identidade visual, novas funcionalidades e operação. O Magento padrão resolve catálogo e pedidos; as oportunidades que identifiquei estavam além disso: orçamento de impressão 3D a partir do arquivo do cliente, campanhas segmentadas por nicho e um programa de parceiros.

Descartado

Continuar sobre um template pronto (Smartwave Porto) como base da loja; investir interface em microsites que eram dados de teste; e trazer do protótipo elementos de persuasão falsos — um mega-menu de coleções fictícias e contadores de "visualizando/vendidos" inventados.

Escolhido

Sair do template Smartwave Porto para um tema próprio sobre o Magento Blank, com o Design System do estúdio como fonte. No simulador de impressão, adicionar o viewer 3D e o fluxo real — upload, estimativa, carrinho — sem redesenhar a interface que já funcionava. Nos microsites, manter a identidade própria do Animascota e depreciar Chaveiros e Mascotes, que eram dados de teste. Tratar documentação, runbooks e anti-regressão como parte do produto.

Resultado qualitativo

Soluções desenhadas para dar ao cliente autonomia operacional e comercial, da experiência à implementação em Adobe Magento 2.

Tensões

  • Magento × experiência personalizada
  • Velocidade × profundidade
  • Template × identidade
  • Feature × simplicidade
  • Negócio × experiência

Impacto

Um projeto end-to-end em que Design e tecnologia foram tratados como partes do mesmo produto, da definição da experiência à implementação em Adobe Magento 2. A plataforma foi lançada em 20/09/2026; métricas técnicas e de negócio ainda não são publicadas.

Aprendizados

Mais do que desenhar telas, o trabalho foi identificar oportunidades e criar soluções pensadas para dar ao cliente autonomia operacional e comercial. Com a loja recém-lançada, esse efeito ainda está por medir.

Relacionados