Módulo 08

Cada proyecto es una combinación de fases.

El sistema es el mismo en todos los proyectos. Lo que cambia es qué fases entran en juego y qué docs y skills son prioritarios en cada una. Primero las fases una a una — qué montar cuando aplica. Luego los tipos de proyecto como combinaciones de fases — para saber exactamente por dónde arrancar.

El mapa de fases

9 fases que cubren desde el diagnóstico hasta la verificación final. No todos los proyectos las usan todas. Haz clic en cualquiera para ver el detalle.

Qué fases aplican según proyecto

Cada tipo de proyecto es una combinación distinta de fases. Esta tabla muestra cuáles activar en cada caso.

FaseWeb desde ceroRediseño webApp / SaaSSolo auditoría
0 As IsSiempreSiempreSiempre
1 AuditoríaSegún encargoSegún encargoSiempre
2 DiscoverySiempreSiempreSiempre
3 Concepto visualSi lo hace productoSi lo hace productoSi lo hace producto
4 FoundationsSiempreSi hay restylingSi hay DS nuevo
5 UX / FlujosSiempreSiempreSiempre
6 UI / LibreríaSiempreSegún encargoSiempre
7 HandoffSiempreSiempreSiempreSegún encargo
8 QARecomendadoRecomendadoRecomendadoSiempre

Arquitectura de archivos

Estructura de máximos — todos los archivos posibles del sistema. No todos los archivos aplican a todos los proyectos. En cada fase verás exactamente qué activar.

proyecto/

proyecto/
CLAUDE.md
inputs/
briefing.pdf
interviews.md
brand-guide.pdf
seo-requirements.pdf
dev-requirements.md
assets/
fonts/
icons/
logos/
images/
docs/
decisions-log.md
users.md
benchmark.md
as-is-inventory.md
audit-findings.md
nav-model.md
brand-principles.md
tokens.md
ds-structure.md
flows.md
ux-principles.md
components.md
accessibility.md
handoff-template.md
skills/
as-is-review.md
benchmark-synthesis.md
user-research.md
token-naming.md
ux-review.md
flow-audit.md
component-audit.md
handoff-spec.md
qa-ui-report.md
qa-ux-report.md

Guías de arranque por proyecto

Cada tipo de proyecto activa un subconjunto de fases. Elige el tipo y ve las fases que aplican, ordenadas por ejecución.

Nueva marca, nueva librería, nuevo producto. Todas las fases en orden natural — desde Discovery hasta Handoff.

  1. 02 — Discovery

    Research

    Usuarios, arquitectura, SEO, navegación.

    Paso 01 · Siempre que hay rediseño o nuevo

  2. 03 — Concepto visual

    Visual

    Moodboard, look & feel, dirección de arte.

    Paso 02 · Cuando lo hace el equipo de producto

  3. 04 — Foundations

    Visual

    Foundations, tokens, tipografía, color.

    Paso 03 · Siempre que hay componente visual

  4. 05 — UX / Flujos

    UX

    Wireframes, flujos, patrones de interacción.

    Paso 04 · Siempre que hay diseño de producto

  5. 06 — UI / Librería

    UI / DS

    Componentizar sobre visual + UX. DS completo.

    Paso 05 · Cuando convergen visual y flujos

  6. 07 — Handoff

    Entrega

    Specs, tokens exportados, docs para desarrollo.

    Paso 06 · Siempre al final

  7. 08 — QA

    QA

    Verificar staging contra el diseño. UI, UX, accesibilidad.

    Paso 07 · Debería ocurrir siempre