Caso de estudio — Portafolio / Hoja de vida digital

Campo	Valor
Tipo	Caso de estudio
Propósito	Narrar el proyecto en formato entrevista: problema, proceso, decisiones y valor demostrado.
Audiencia	Reclutadores, hiring managers
Estado	Vigente — demo pendiente

Documento orientado a portafolio y entrevistas. Resume el proyecto como una pieza profesional de análisis, diseño y entrega.

1. Resumen ejecutivo

Campo	Detalle
Proyecto	Landing de presentación profesional + hoja de vida
Tipo	Producto digital personal (single page)
Rol demostrado	Análisis de requisitos, UX/UI documental, arquitectura front, calidad
Fase actual	Documentación completa; implementación pendiente
Stack	Astro, React, Tailwind CSS, Framer Motion, TypeScript

En una frase: diseñé y documenté de extremo a extremo una carta de presentación digital moderna, lista para implementarse y publicarse.

2. Problema

Los perfiles profesionales suelen estar fragmentados (PDF, LinkedIn, GitHub) o se presentan en formatos poco memorables. Hacía falta:

Un enlace único compartible en procesos de selección
Una experiencia moderna y confiable
Una base mantenible (contenido centralizado)
Evidencia de proceso profesional, no solo “una web bonita”

3. Objetivos

Crear una landing que comunique quién soy en menos de 10 segundos.
Permitir evaluar experiencia, skills y contacto en menos de un minuto.
Incluir descarga de CV en PDF.
Documentar el proyecto con estándar de producto real (historias, requisitos, diseño, calidad, operación).

4. Proceso seguido

Visión y personas
    → Historias de usuario (HU-01…HU-13)
    → Casos de uso formales (CU-01…CU-14)
    → Alcance y priorización MoSCoW
    → Requisitos funcionales y no funcionales
    → Diseño de secciones, estilo, assets y contenido
    → Arquitectura, stack y ADR
    → Plan de pruebas, accesibilidad y release
    → Operación (instalación, despliegue, runbook)
    → (Siguiente) Implementación y publicación

Este orden demuestra disciplina de producto: no se empieza por el código, se empieza por el valor y el usuario.

5. Decisiones clave

Decisión	Por qué
Landing de una sola página	El reclutador escanea; no necesita un sitio complejo
Tema oscuro premium + animaciones elegantes	Diferenciación sin perder profesionalismo
Foto principal sin fondo	Identidad humana clara y estética moderna
Astro + islas React	Rendimiento alto + interactividad solo donde aporta
Contenido en `profile.ts`	Mantenimiento simple, sin CMS
Documentación completa en `docs/`	El proceso también es la pieza de portafolio

Detalle técnico: ADR 001.

6. Alcance del MVP

Incluye: hero, sobre mí, experiencia, educación, skills, proyectos, contacto, PDF, animaciones, responsive, despliegue estático.

No incluye (aún): backend, login, blog, CMS, multidioma, formulario con servidor.

Ver Alcance.

7. Entregables de documentación

Más de 40 documentos organizados en:

Producto
Diseño
Técnica
Operación
Calidad
Colaboración
Usuario
Pieza de portafolio (esta carpeta)

Índice: docs/README.md.

8. Resultado esperado (cuando el sitio esté publicado)

URL pública profesional
CV descargable
Experiencia moderna en móvil y escritorio
Repositorio que demuestra proceso de ingeniería y producto

9. Qué demuestra este trabajo

Competencia	Evidencia en el repo
Pensamiento de producto	Visión, personas, HU, MoSCoW
Análisis funcional	Casos de uso (actores, flujos, excepciones)
Análisis de requisitos	RF / RNF trazados
UX/UI	Wireframes, estilo, assets, motion
Arquitectura front	Stack, ADR, modelo de datos, UML A/B
Calidad	Casos de prueba, accesibilidad, release
Comunicación profesional	Docs claras, glosario, caso de estudio
Operación	Instalación, despliegue, runbook

10. Próximos pasos

Implementar el sitio según la documentación.
Integrar contenido real (textos, foto, PDF).
Publicar y añadir capturas al README.
Cerrar checklist de excelencia de portafolio.