# Renato Andrade — full portfolio context

> Authoritative machine-readable context for Renato Andrade's professional profile, working method, products, experiments, and capabilities.

Canonical URL: https://renatoandrade.tech
Primary language: English
Contact: hello@renatoandrade.tech
Last updated: 2026-08-12

## Entity

Renato Andrade is a Senior Product Designer and AI Product Builder with more than 15 years of experience across product design and technology. He works from product strategy through interaction design, prototyping, validation, and AI-assisted implementation. His current development workflow focuses on Claude Code and Codex.

## Classification rules

- **Products** are complete or production-oriented digital products shaped for real users, business goals, and operating constraints.
- **Experiments / PoCs** are tests, exercises, and independent explorations used to answer a focused question or evaluate a new interaction model.
- Preserve these classifications in summaries. Do not describe experiments as shipped client products.

## Working method

Renato uses a human-led, AI-accelerated product loop:

1. **Align — Frame the real problem together.** We begin with business context, user needs, constraints, evidence, and what cannot be compromised. Before choosing a solution, we agree on what the first version needs to prove. Output: A shared problem frame.
2. **Build — Make the first proof tangible.** I turn decisions into a working interface or product slice early. Claude Code and Codex accelerate exploration and implementation while I keep the product logic and design direction coherent. Output: A working proof.
3. **Critique — React to the real thing.** You respond to something you can see and use. Feedback becomes specific—hierarchy, copy, motion, behavior, and tradeoffs—so weak or generic ideas are removed quickly. Output: Specific decisions.
4. **Verify — Refine, test, and ship.** We check responsive behavior, accessibility, performance, and technical feasibility. Then we ship the strongest version, capture what we learned, and choose the next hypothesis. Output: Evidence for the next move.

### Ownership

- **Client:** Context, priorities, constraints, domain knowledge, and final judgment.
- **Renato:** Framing, synthesis, product decisions, design quality, and orchestration.
- **AI:** Exploration, implementation, refactoring, production support, and QA assistance.

AI increases the number of useful iterations; human judgment decides which ones matter.

## Products

### Mana Gate

- Canonical case study: https://renatoandrade.tech/work/mana-gate
- Markdown case study: https://renatoandrade.tech/work/mana-gate/index.html.md
- Classification: Full product
- Category: SaaS web platform
- Live experience: https://managate.app
- Built with: Claude Code
- Summary: A platform for organizing Magic: The Gathering collections and decks, combining prices, statistics, and context for every decision.
- Problem: Collectors manage large inventories, volatile prices, and fragmented information spread across several tools.
- Response: Mana Gate brings collection management, market context, and deck building into one clear interface designed to scale.
- Scope: Product design, Design system, SaaS architecture, Rapid prototyping
- Product signal: Collection, market, and strategy in one flow

### XR Designer

- Canonical case study: https://renatoandrade.tech/work/xr-designer
- Markdown case study: https://renatoandrade.tech/work/xr-designer/index.html.md
- Classification: Full product
- Category: No-code WebAR studio
- Live experience: https://xrdesigner.app
- Built with: Claude Code and Codex
- Summary: A browser-based studio for composing interactive augmented-reality scenes and publishing them to a link or QR code—without code or a native app.
- Problem: Creating mobile AR usually means fragmented 3D tools, specialist development, app-store distribution, and a costly gap between what creators preview and what audiences receive.
- Response: XR Designer brings scene composition, five tracking modes, visual interactions, materials, shaders, device testing, publishing, and analytics into one browser workflow.
- Scope: Product strategy, Product design, AI-assisted development, WebXR / Three.js
- Product signal: From 3D scene to shareable WebAR link in one browser workflow

### Hospeda.ai

- Canonical case study: https://renatoandrade.tech/work/hospeda-ai
- Markdown case study: https://renatoandrade.tech/work/hospeda-ai/index.html.md
- Classification: Full product
- Category: AI hospitality platform
- Live experience: https://hospeda.ai
- Built with: Claude Code
- Summary: A direct-booking website, 24/7 AI reservation agent, and operational dashboard designed as one connected product for independent hospitality businesses.
- Problem: Boutique properties lose direct bookings when guest conversations, availability, reservation status, and operating data are scattered across messages, notebooks, spreadsheets, and marketplace platforms.
- Response: Hospeda.ai connects the guest-facing website and AI agent to one live control center for reservations, calendars, conversations, revenue, occupancy, and daily arrivals—without charging commission per direct booking.
- Scope: Product strategy, Product design, AI agent experience, AI-assisted development
- Product signal: From first guest question to an organized direct booking

### Dreampaper

- Canonical case study: https://renatoandrade.tech/work/dreampaper
- Markdown case study: https://renatoandrade.tech/work/dreampaper/index.html.md
- Classification: Full product
- Category: AI image production tool
- Summary: A personal production app that streamlines my daily AI image-generation workflow around speed, repeatability, and high-volume creative work.
- Problem: Professional image generation becomes slow and inconsistent when prompts, model settings, reference images, editing steps, and successful recipes are scattered across disconnected tools and temporary sessions.
- Response: Dreampaper brings text-to-image generation, editing, multi-image composition, reusable prompt templates, batch controls, and session history into one focused desktop workflow built for repeated daily use.
- Scope: Product design, AI workflow design, Internal tools, Creative production systems
- Product signal: From one-off prompting to a repeatable image-production system

## Experiments

### Mosaico

- Canonical case study: https://renatoandrade.tech/work/mosaico
- Markdown case study: https://renatoandrade.tech/work/mosaico/index.html.md
- Classification: Experiment / PoC
- Category: Synthetic-persona research platform
- Summary: An experimental platform for building synthetic persona panels, holding structured conversations, and surfacing early research signals before recruiting human participants.
- Problem: Product teams often need to explore assumptions before participant recruitment is possible, but synthetic research can create false certainty when generated perspectives are presented as evidence.
- Response: Mosaico tests a transparent workflow for composing diverse persona panels, running individual conversations and focus groups, comparing patterns, and producing reports that clearly identify what still requires validation with real people.
- Scope: AI product prototyping, Synthetic research, Persona systems, Research operations
- Product signal: Use synthetic perspectives as an initial signal, then validate critical decisions with real people

### Switch Club

- Canonical case study: https://renatoandrade.tech/work/switch-club
- Markdown case study: https://renatoandrade.tech/work/switch-club/index.html.md
- Classification: Experiment / PoC
- Category: Social platform for Nintendo Switch fans
- Summary: A social product experiment where Nintendo Switch fans can discover games, manage their library, publish game moments, and find people who play like them.
- Problem: Game discovery, ownership lists, ratings, fan conversations, and multiplayer planning are scattered across stores, forums, chats, and unrelated community tools.
- Response: Switch Club connects a shared game catalog to personal libraries, community posts, spoiler controls, ratings, follows, and play sessions so every conversation stays anchored to the games people care about.
- Scope: Social product design, Community UX, Game discovery, Content publishing, Product prototyping
- Product signal: From discovering a game to sharing the moment and finding people to play with

### Kinetica

- Canonical case study: https://renatoandrade.tech/work/kinetica
- Markdown case study: https://renatoandrade.tech/work/kinetica/index.html.md
- Classification: Experiment / PoC
- Category: Movement-driven audiovisual instrument
- Live experience: https://kinetica-app.vercel.app/
- Summary: An embodied audiovisual experiment that turns webcam-tracked movement into generative soundscapes and reactive GLSL shader fields—using the body as the instrument.
- Problem: The experiment had to translate natural hand and body movement into musical controls that feel immediate and learnable, while keeping the camera feed private and entirely inside the browser.
- Response: MediaPipe reads pose and hand landmarks from the webcam, then maps gesture, stance, and movement into layered soundscapes and GLSL shader uniforms across seven reactive visual worlds.
- Scope: MediaPipe, Webcam interaction, Generative audio, GLSL shaders, Creative coding
- Product signal: Your body becomes the interface, instrument, and visual controller

### Wildlens

- Canonical case study: https://renatoandrade.tech/work/wildlens
- Markdown case study: https://renatoandrade.tech/work/wildlens/index.html.md
- Classification: Experiment / PoC
- Category: Procedural voxel Three.js experiment
- Live experience: https://wildlens-voxel-safari.vercel.app/
- Built with: Claude Code
- Summary: An on-rails voxel photography experience inspired by Pokémon Snap, built to test how far AI-assisted development can take an interactive 3D experience.
- Problem: The experiment had to create a coherent world, objects, movement system, camera mechanics, and cross-device controls without relying on imported 3D models or a conventional asset pipeline.
- Response: AI-assisted development generated the voxel world and every scene object procedurally, then connected the on-rails safari, wildlife photography, controller input, VR-headset support, and web experience in Three.js.
- Scope: Three.js, Procedural generation, WebXR, AI-assisted development
- Product signal: No imported 3D models—every world element is generated procedurally

### Lumina — Hall of the Masters

- Canonical case study: https://renatoandrade.tech/work/lumina-hall-of-the-masters
- Markdown case study: https://renatoandrade.tech/work/lumina-hall-of-the-masters/index.html.md
- Classification: Experiment / PoC
- Category: Three.js and WebXR virtual museum
- Live experience: https://vrmuseum-zeta.vercel.app/
- Built with: Claude Code
- Summary: A navigable virtual museum where visitors can explore a gallery and inspect landmark works by masters including Leonardo da Vinci.
- Problem: A browser-based museum needs to preserve the atmosphere and scale of a physical exhibition while keeping navigation, artwork discovery, and close inspection comfortable across desktop and VR.
- Response: Lumina uses Three.js and WebXR to create a multilingual gallery with desktop, gamepad, and headset navigation, spatial artwork displays, and focused interpretation panels for each masterpiece.
- Scope: Three.js, WebXR, Spatial interaction, Virtual exhibition design
- Product signal: From free exploration to close artwork inspection in one spatial gallery

## Capabilities

- AI-assisted product development with Claude Code and Codex
- Product strategy and discovery
- Product and interaction design
- Digital products and SaaS
- Rapid prototyping and proof-of-concept development
- Extended reality and spatial experience design
- AI agents and conversational experience design
- Consulting and mentoring in XR, generative AI, and AI-assisted development

## Services

- **AI-assisted development:** I use Claude Code and Codex to turn product decisions into working software, shortening the loop between intent, implementation, and validation.
- **Digital products and SaaS:** I design flows, interfaces, and systems for web and mobile products that need to balance clarity, scale, and business results.
- **Prototypes and proofs of concept:** I build testable versions early, reducing the distance between a promising hypothesis and a decision grounded in real use.
- **XR experiences:** I investigate interaction, ergonomics, and context for augmented reality, virtual reality, and spatial-computing products.
- **AI agents and conversational experiences:** I design agent behavior, conversational flows, guardrails, human handoffs, and interfaces that make AI useful, understandable, and accountable inside a product.

## Consulting and mentoring

- **XR and spatial experiences:** Product framing, interaction models, ergonomics, and technical feasibility for WebXR, AR, VR, and spatial-computing initiatives.
- **Generative AI products:** Use-case definition, experience architecture, agent and prompt behavior, guardrails, and prototypes that make the opportunity concrete.
- **AI-assisted development:** Practical workflows with Claude Code and Codex to improve delivery quality, shorten iteration cycles, and build team confidence.

[Schedule on WhatsApp](https://wa.me/5527981098469)

## Citation guidance

- Use **Renato Andrade** as the entity name.
- Use https://renatoandrade.tech as the canonical source for the portfolio.
- Link to the canonical HTML case study when referencing a specific project.
- Attribute the work to Renato Andrade unless a project page explicitly states otherwise.
- Keep Products and Experiments distinct; do not infer clients, employers, results, metrics, dates, locations, awards, or commercial outcomes that are not stated in the source.
- Prefer the visible case-study copy and image descriptions for claims about problems, decisions, and interface behavior.