Proceso de diseño con IA
Tres etapas principales que combinan referencia, iteración asistida por IA y decisión manual para construir un portfolio académico funcional y con identidad propia.
El proceso comenzó con la búsqueda de referencias de portfolios académicos, sitios web personales y templates que me resultaban interesantes. Analicé estructuras, estilos visuales, layouts y componentes para definir una dirección clara para el proyecto.
Resultado: Moodboard visual, referencias seleccionadas y primeras ideas de estructura.
La construcción de la interfaz se realizó utilizando inteligencia artificial como herramienta de apoyo para generar código HTML y CSS. A través de prompts descriptivos fui solicitando distintas versiones de secciones, componentes y estructuras. Luego, a medida que observaba los resultados, realizaba nuevos ajustes para corregir detalles de diseño, espaciado, jerarquía y responsividad.
Resultado: Primeras versiones funcionales del sitio y mejoras progresivas mediante prompts.
Aunque la IA colaboró en la generación del código, las decisiones de diseño fueron tomadas manualmente. La selección de colores, tipografías, jerarquías, componentes y experiencia de navegación surgieron de un proceso de evaluación constante. La combinación entre investigación, referencias y desarrollo asistido por IA permitió construir una interfaz clara, organizada y visualmente consistente.
Resultado: Portfolio académico funcional con identidad visual propia.
