André Manoel UX/UI Designer × Design Engineer · Recife/Natal, BR

Design que
entrega.

UX/UI Designer Product Designer Front-End · Design Engineer 5+ anos

Designer híbrido especializado em transformar requisitos de negócio em produtos digitais funcionais, escaláveis e de alta conversão. Atualmente na HeadOffice.ai, com passagens por Adobe, Tangram e LL Imóveis — domino o ciclo completo: pesquisa, prototipagem, design visual e handoff técnico em React.

01 / SOBRE

A ponte entre design e engenharia, sem o ruído do meio.

Sou um Product Designer híbrido com 5+ anos transformando requisitos de negócio em produtos digitais funcionais, escaláveis e de alta conversão. Minha jornada começou no design visual e evoluiu para UX/UI orientado por dados, sempre priorizando consistência, acessibilidade e usabilidade.

Minha formação em Análise e Desenvolvimento de Sistemas me permite atravessar a ponte entre a experiência do usuário e a engenharia. Falo a língua dos devs, entrego handoffs limpos e estruturados e garanto viabilidade técnica em HTML, CSS, JavaScript e React.

Hoje uso IA avançada e integrações MCP no Figma pra automatizar workflows e escalar Design Systems. Já entreguei massivamente pra marcas globais como Adobe e aumentei engajamento de clientes em 82% em projetos passados.

5+
Anos de experiência em design digital
82%
Aumento de engajamento (LL Imóveis)
250+
Assets entregues para Adobe Express
79%
Crescimento de alcance em campanhas
02 / TRAJETÓRIA

Onde já construí coisas.

2025 — PRESENTE

Designer & UX/UI Specialist

HeadOffice.ai · Remoto

Ciclo completo de design de produtos digitais e landing pages focadas em conversão. Uso intensivo de IA e MCP integrados ao Figma pra escalar processos criativos e entregar handoffs estruturados pro time de desenvolvimento.

Figma + MCP AI Workflows Product Design Handoff
SET 2025 — NOV 2025

Designer de Produto / Visual

Adobe · Projeto Contrato · Remoto

Projeto de alta complexidade pro Adobe Express: 250+ assets criativos (sociais, web e impressos) entregues pra biblioteca global. Construí um workflow de produção otimizado garantindo consistência visual em escala.

Adobe Express Visual Design Brand Consistency
NOV 2024 — ABR 2025

Designer

Tangram · Remoto

Projetos ágeis de design em Figma e Illustrator, criando componentes visuais e interfaces pra múltiplos projetos. Manutenção de identidade visual em fluxo assíncrono e remoto.

Figma Illustrator Agile
SET 2023 — MAR 2024

Designer Gráfico & UI

LL Imóveis · Natal, RN

Liderei a reformulação digital da marca seguindo princípios de design centrado no usuário. O redesenho gerou +82% de engajamento e +79% de alcance em campanhas digitais.

Brand Redesign User-Centered +82% engagement
03 / PROCESSO

Como eu trabalho.

Quatro fases, uma constante: decisão informada. Cada etapa entrega artefato — não slide. Scroll pra navegar.

FASE 01 / DISCOVERY

Imersão

"Antes do pixel, o contexto."

Briefing, stakeholders, pesquisa com usuário, análise competitiva e mapeamento de constraints técnicos. Pra desenhar a solução certa preciso entender o problema certo.

interview_script.md 5 / 12 PERGUNTAS
Q1 "Qual problema isso resolve pra você?"
Q2 "Como você faz isso hoje?"
Q3 "Quando foi a última vez que isso te frustrou?"
Q4 "Quem mais decide isso com você?"
Q5 "O que precisa acontecer pra ser sucesso?"
FASE 02 / DEFINITION

Estratégia

"Síntese antes de tela."

Personas, jornadas, fluxos, arquitetura de informação e critérios de sucesso. Aqui é onde signal vira decisão — e onde corto 70% do trabalho que não precisa ser feito.

user_journey.fig DRAFT
01
Desco-
berta
— baixo
02
Compa-
ração
— neutro
03
Decisão
— pico ✦
04
Ação
— alto
05
Retenção
— estável
FASE 03 / CONCEPT

Design

"Iteração rápida, decisão informada."

Wireframes → high-fidelity → protótipo navegável. Design System construído em paralelo. Cada iteração validada com usuário ou time. IA como pair de exploração.

tokens.css v0.4
COLOR
--lime#C6FF00
--bg#0a0a0a
--text#F2F2F2
TYPE
displayGrotesk
bodyInter 16
monoJetBrains
BUTTON · primary
defaulthoverdisabled
FASE 04 / HANDOFF

Entrega

"Designer não termina no Figma."

Handoff técnico estruturado, specs de acessibilidade, suporte ao time de dev durante implementação e QA visual. Falo a língua dos devs porque sou um deles.

Button.tsx ✓ SHIPPED
A11Y AUDIT · WCAG 2.2
Contraste 14.2 : 1 (AAA)
Navegação por teclado
ARIA labels presentes
Touch target ≥ 44px
Testado com VoiceOver
04 / PROJETOS

Coisas que levei pro mundo.

05 / DESIGN VISUAL

No Behance há mais. Bem mais.

+47k visualizações, +2.7k apreciações e 694 seguidores. Identidade visual, social media e direção de arte pra marcas dos mais variados nichos.

Social Media — Restaurante Italiano

Restaurante Italiano

♥ 464 · 10.3K views
SOCIAL MEDIA · GASTRONOMIA

Restaurante Italiano

Identidade visual e feed pra cozinha italiana. Fotografia gastronômica, paleta quente e ritmo editorial pensados pra despertar fome no scroll.

VER NO BEHANCE ↗
Social Media — Provedor de Internet

Provedor de Internet

♥ 448 · 7.4K views
SOCIAL MEDIA · TELECOM

Provedor de Internet

Comunicação técnica traduzida em design acessível. Planos, velocidade e atendimento contados de forma direta — sem o jargão habitual do setor.

VER NO BEHANCE ↗
Social Media — Móveis e Decoração

Móveis & Decoração

♥ 347 · 7.4K views
SOCIAL MEDIA · VAREJO

Móveis & Decoração

Lifestyle aplicado à venda. Cada peça ganha contexto de ambiente — conteúdo de inspiração com a mesma identidade dos posts de oferta.

VER NO BEHANCE ↗
Social Media — Imobiliária

Imobiliária

♥ 217 · 4.8K views
SOCIAL MEDIA · IMOBILIÁRIO

Imobiliária

Lançamentos, dicas de financiamento e prova social. Cada peça pensada pra reduzir a fricção da decisão de compra de um imóvel.

VER NO BEHANCE ↗
Social Media — Yoga

Yoga

♥ 180 · 2.5K views
SOCIAL MEDIA · WELLNESS

Yoga

Identidade fluida, paleta serena e tipografia respirável. Posts de aula, retiros e frases que cabem entre uma respiração e outra.

VER NO BEHANCE ↗
Social Media — Loja de Instrumentos

Loja de Instrumentos

♥ 177 · 2.5K views
SOCIAL MEDIA · MÚSICA

Loja de Instrumentos

Conteúdo pra quem ama som. Lançamentos, curiosidades e dicas técnicas com direção de arte que carrega energia de palco.

VER NO BEHANCE ↗
Social Media — Aplicativo de música

App de Música

♥ 147 · 1.5K views
SOCIAL MEDIA · TECH/APP

App de Música

Comunicação de produto digital: funcionalidades, atualizações e launch campaign. Visual moderno, motion-ready, pronto pra rotação alta.

VER NO BEHANCE ↗
Social Media — Lavanderia

Lavanderia

♥ 130 · 1.6K views
SOCIAL MEDIA · SERVIÇO

Lavanderia

Serviço urbano, comunicação leve. Dicas de cuidado com tecidos e identidade que foge do clichê azul-branco do setor.

VER NO BEHANCE ↗
Social Media — Self Storage

Self Storage

♥ 114 · 1.3K views
SOCIAL MEDIA · LOGÍSTICA

Self Storage

Organização, segurança e conveniência traduzidos em layouts diretos. Identidade industrial sem virar fria — calor onde importa.

VER NO BEHANCE ↗
Social Media — Petshop

Petshop

♥ 108 · 1.2K views
SOCIAL MEDIA · PET

Petshop

Produtos, dicas e bem-estar animal. Tom carinhoso sem cair no infantil — o tutor é o cliente, não o pet.

VER NO BEHANCE ↗
Social Media — Turismo

Turismo

♥ 84 · 2.2K views
SOCIAL MEDIA · VIAGEM

Turismo

Destinos, pacotes e roteiros embalados pra fazer scroll virar planejamento. Fotografia que ocupa todo o frame.

VER NO BEHANCE ↗
Social Media — Advocacia

Advocacia

♥ 37 · 752 views
SOCIAL MEDIA · JURÍDICO

Advocacia

Comunicação séria sem ser engessada. Direitos do consumidor, esclarecimento jurídico e posts de autoridade pra escritório local.

VER NO BEHANCE ↗
06 / TOOLKIT

O que eu uso pra construir.

UX / UI Design

Arquitetura da Informação Prototipagem Design Systems User Journey Interaction Design

Design Tools

Figma + AI/MCP Adobe Express Photoshop Illustrator Lightroom

Front-End

HTML5 CSS3 / Grid / Flexbox JavaScript ES6+ ReactJS Git / GitHub

AI & Workflows

MCP Integration Design Ops AI-assisted Discovery Automation

Métodos

Scrum / Kanban Dev Handoff Design Critique Foco em resultado

Idiomas

Português · Nativo Inglês · Avançado
07 / VAMOS CONVERSAR

Tem uma ideia?
Bora tirar do papel.

andremdesigner1@gmail.com