Mi cuaderno de campo
“Mi portfolio personal. Una mezcla entre jardín digital, laboratorio y carta de presentación como diseñadora de producto.”
Idea inicial
Este portfolio nace de una necesidad muy sencilla: crear un espacio propio donde reunir mi trabajo, mis aprendizajes y mis reflexiones.
Desde el inicio tuve claro que no quería construir una web para enseñar proyectos, sino un lugar que reflejara mi forma de pensar y de trabajar. Un espacio vivo, capaz de crecer conmigo, donde pudiera documentar tanto los resultados como el proceso.
Inspiraciones
- Los jardines digitales, las bases de conocimiento conectadas y la filosofía DIY fueron el punto de partida. Me atraía la idea de entender la web como algo propio, construido a medida y en constante evolución.
Conceptualización
La mayoría de portfolios de diseño empiezan por una plantilla. Yo quise empezar por el contenido.
Decidí construir el portfolio a partir de mi base de datos en markdown porque quería que el contenido fuera el centro del proyecto. Esta decisión me permitió separar contenido y diseño, mantener una estructura consistente y facilitar futuras ampliaciones sin depender del diseño.
Para la parte más visual de mi cuaderno, diseñé un sistema visual propio definiendo tipografía, componentes, navegación y color. En lugar de adaptar una plantilla existente, preferí construir un lenguaje visual coherente con mi contenido y personalidad. Quería transmitir una experiencia cercana y acogedora inspirada en la cultura digital de los años 90, donde las páginas transmitían la personalidad de quien las construía.
La accesibilidad formó parte del proceso desde la fase de arquitectura de información. Definí la jerarquía de contenidos antes del diseño, lo que me permitió mantener una experiencia accesible tanto en la fase de creación inicial como en la de implementación.
Finalmente me ayudé del framework de Astro para convertir todo mi contenido markdown en una web funcional. En este paso revisé la implementación para asegurar que la estructura HTML mantuviera la jerarquía de mi jardín digital, cuidando aspectos como el contraste de color, la legibilidad y la correcta identificación de enlaces y elementos multimedia.
Herramientas utilizadas
- Arquitectura de información.
- Content Design.
- Design Systems.
- Accesibilidad (Wave para auditar).
- Desarrollo front-end con Astro y CSS.
- Documentación y mantenimiento mediante Markdown.
- Pensamiento sistémico.
La pócima final
Un jardín digital pensado no solo para mostrar lo que hago, sino también cómo pienso, cómo documento mi trabajo y cómo sigo aprendiendo con cada proyecto.
Aprendizajes
- Diseñar la web desde el contenido me ayudó a construir una narrativa más clara y coherente, asegurando que cada sección tuviera un propósito dentro de la experiencia global.
- Entendí que la accesibilidad comienza mucho antes de la interfaz visual, en la forma en que se estructura y jerarquiza el contenido desde su origen.