Case – Orayon – Design estratégico para sua empresa

Case study · Product design

Redesenhando o ecossistema de conversação Orayon AI

Como Claude e o Figma MCP aceleraram o handoff e a arquitetura de um hub de IA integrado, eliminando fricção cognitiva sem abrir mão do rigor de um Design System escalável.

papel

Design Lead & Senior Product Designer

escopo

Arquitetura de informação, UI, Design System

Ferramentas

Figma · Claude AI · Figma MCP

Plataformas

Desktop & Mobile

Redesenhando a Cadeia de Suprimentos da MRV&Co

De Gestão de Crise a Follow-up Preditivo com IA.

Time de suprimentos operava de forma reativa, gerando gargalos logísticos e atrasos nos canteiros de obras que impactavam o CX e o custo operacional.

EVOLUINDO A FORÇA DE VENDAS DO MARTINS ATACADO

De Tirador de Pedidos a Gestor de Território com IA.

Representantes comerciais operavam sem dados acionáveis, perdendo oportunidades de negócio e dependendo de processos manuais que limitavam sua produtividade no campo.

INTELIGÊNCIA DE DADOS NA PLATAFORMA ROUND

De Intuição a Previsibilidade Comportamental com RFM.

Plataforma de reconhecimento operava sem visibilidade do engajamento real dos usuários, tornando impossível agir antes que o churn acontecesse.

|

O DESAFIO

Uma plataforma para acabar com a fadiga de assinaturas de IA.

A Orayon AI é um hub integrado que conecta PMEs e profissionais liberais ao mercado de inteligência artificial, reunindo texto, imagem, áudio, vídeo e PDF sob uma única assinatura.

O maior desafio de negócio era duplo: eliminar a fragmentação financeira de pagar múltiplas ferramentas de IA e reduzir a curva de aprendizado de prompts complexos para um público que não é técnico.

No modelo original, a arquitetura do módulo de texto gerava alta carga cognitiva: submenus redundantes, históricos duplicados e barreiras que interrompiam o fluxo antes mesmo da primeira interação. O produto precisava refletir o imediatismo que o mercado de IA exige.

3 Submenus redundantes eliminados na barra lateral

4 Pilares de interação estruturados no redesenho

Horas

Em vez de semanas para wireframe → alta fidelidade

Com 10 anos de experiência como Design Lead, ajudo fundadores a saírem do “caos visual” para produtos que escalam. Ao unir psicologia aplicada à implementação técnica, busco garantir que sua visão estratégica seja respeitada até o último pixel.

Caminho para ação

O Método de 4 Passos

Discovery & Imersão

Entendimento dos stakeholders, análise de concorrência e mapeamento de personas.

1 Estratégia de Produto

Definição de MVP, fluxos de usuário e arquitetura de informação.

2 Design de Alta Fidelidade

Prototipagem interativa e construção de componentes documentados para handoff.

3 Validação & Evolução

Testes com usuários reais, análise de métricas pós-lançamento e iterações contínuas.

4 Product Skills

Discovery, Product Strategy, Roadmap Prioritization (ICE/RICE), Benchmarking.

UI/UX Skills

Design System, Prototipagem de Alta, Arquitetura de Informação, Responsive Design.

Research

Testes de Usabilidade, Entrevistas, Questionários, Desk Research.

Soft Skills

Colaboração Cross-functional, Facilitação de Workshops, Pensamento Crítico.

Fortaleza, Ceará

Mundialmente disponível

Sou Product Designer com foco em soluções escaláveis e visão de negócio. Acredito que o design é a ponte entre as necessidades do usuário e os objetivos da empresa.

Minha experiência com Discovery contínuo e Design Systems me permitiu entregar soluções que não apenas encantam visualmente, mas movem os ponteiros de retenção e eficiência operacional.

No meu tempo livre, busco estudar IA, psicologia comportamental e tendências da tecnologia em geral para manter o repertório sempre atualizado.

Vamos construir o próximo capítulo juntos?

designer

estratégico

Entre em contato

contato@neudson.me

01. Inteligência (Discovery)

Não desenhamos no escuro. Iniciamos com uma auditoria profunda nos seus dados e no comportamento real do seu usuário para identificar onde o seu site atual está 'expulsando' clientes. O objetivo aqui é eliminar o 'imposto de desconfiança' e mapear o caminho mais curto para a conversão de alto ticket.

O foco aqui é inteligência de dados e mapeamento de gargalos.

Relatório de Auditoria de UX: Documento identificando os pontos de fricção e o "imposto de desconfiança" do site atual.
Mapa de Calor e Comportamento: Análise visual de como os usuários interagem hoje (via Clarity/Hotjar).
Benchmark Competitivo: Análise de posicionamento visual dos concorrentes de elite.
User Persona & Journey Map: Definição do perfil psicológico do cliente premium e sua rota de conversão.

02. Estratégia (Design)

Transformamos inteligência em interface. Criamos o design exclusivo e o posicionamento premium que a sua marca exige, utilizando psicologia aplicada e fluidez cognitiva. Você recebe um protótipo de alta fidelidade no Figma, desenhado para guiar o olhar do cliente e sustentar o seu valor de mercado.

Onde a estratégia vira interface visual no Figma.

Sitemap & Fluxo de Navegação: Estrutura lógica das páginas focada em fluidez cognitiva.
Wireframes de Baixa Fidelidade: Esboços focados na hierarquia de informações e copy.
Protótipo de Alta Fidelidade (UI): O design final e exclusivo, com look & feel premium.
Style Guide / Design System: Biblioteca de cores, tipografia e componentes para garantir consistência futura.

03. Performance (Dev)

O design ganha vida sem 'telefone sem fio'. Implementamos sua plataforma em WordPress com foco total em velocidade de carregamento e estabilidade técnica. Construímos um ecossistema robusto, otimizado para o Google e pronto para receber tráfego de escala sem perder performance.

Transformação do design em um ativo funcional e rápido.

Ambiente de Staging: Link temporário para o cliente acompanhar o site sendo construído.
Site WordPress Otimizado: Instalação limpa com foco em velocidade (Core Web Vitals).
Integração de Ferramentas de Growth: Configuração de pixels, formulários de captura e ferramentas de análise (GA4/Clarity).
Treinamento de Autonomia: Vídeo-tutorial ensinando o cliente a gerenciar conteúdos básicos sem depender de suporte.

04. Evolução (QA & Growth)

Onde a maioria para, nós garantimos o resultado. Realizamos o Design QA para assegurar 100% de fidelidade entre o projeto aprovado e o site no ar. Além disso, monitoramos os primeiros dados pós-lançamento para iterar e otimizar sua máquina de vendas continuamente.

O fechamento do ciclo que garante o ROI e a fidelidade técnica.

Relatório de Design QA: Check-list comprovando que 100% dos pixels e interações do protótipo foram respeitados no código.
Otimização de Performance: Relatório final de velocidade de carregamento (Desktop e Mobile).
Plano de Iteração (Recorrência): Cronograma de testes A/B e ajustes baseados nos primeiros dados reais pós-lançamento.
Certificado de Fidelidade Técnica: Um selo visual de que o projeto foi auditado e aprovado pelo Design Lead.