Portoflio web personal
Diseño web · Diseño gráfico · Dirección de arte · UX/UI · Desarrollo web
CONTEXTO
Necesitaba crear un portfolio web que funcionara como carta de presentación profesional y me permitiera mostrar mi trabajo. Como diseñadora digital, buscaba un espacio limpio y minimalista en el que los proyectos fueran siempre los protagonistas. Uno de los principales retos era que el portfolio no sería algo estático. Quería poder añadir nuevos proyectos y actualizar los existentes de forma sencilla, ya que mi trabajo y mi portfolio están en constante evolución. Por eso, la estructura debía ser flexible y permitir incorporar contenido nuevo sin romper la coherencia de la web. Además, mi trabajo abarca diferentes disciplinas, como diseño gráfico, diseño web e ilustración, por lo que no podía construir el portfolio alrededor de una única temática o estilo visual. El reto era conseguir que proyectos muy diferentes entre sí pudieran convivir dentro de un mismo espacio y sentirse parte de un sistema coherente. Por tanto, el objetivo no era solo crear una web visualmente atractiva, sino desarrollar una estructura que fuera flexible, fácil de mantener y capaz de dar continuidad a todo tipo de trabajos.
DIRECCIÓN
Una de las decisiones más destacables del proyecto fue la creación de un header vertical. Durante la exploración inicial probé una navegación más convencional, pero al llevarla a una estructura vertical descubrí que los proyectos podían tener más presencia en pantalla y que la navegación podía integrarse de una forma más natural en la composición. Además, mantener el header anclado a uno de los laterales permite acceder a la navegación en todo momento, facilitando el recorrido por la web sin necesidad de volver al inicio. Esta decisión buscaba encontrar un equilibrio entre navegación y contenido: el menú está siempre disponible, pero permanece en un segundo plano para no competir con los proyectos ni con la categoría que el usuario está explorando. La dirección visual parte de una idea principal: el protagonismo debe estar en los proyectos. Por eso, decidí construir una web sencilla y minimalista, utilizando una paleta basada principalmente en blanco, negro y tonos neutros, evitando que el diseño de la interfaz compitiera con las imágenes y trabajos mostrados. Para definir esta dirección, tomé referencias de otros portfolios y webs que destacaban por la forma de presentar su trabajo de manera limpia y directa. A partir de estas referencias, busqué crear una propuesta propia, introduciendo el header vertical como elemento diferencial.
SISTEMA DE DISEÑO
Para conseguir que proyectos de disciplinas y estilos diferentes convivieran dentro de un mismo portfolio, desarrollé un sistema visual sencillo basado en una paleta neutra, una tipografía limpia y unas estructuras de layout consistentes. La mayor parte de las páginas siguen un esquema de dos columnas, que permite separar el contenido textual de la parte visual y mantener una estructura reconocible entre los diferentes proyectos. La portada funciona de manera diferente. Al estar pensada como una entrada más visual al portfolio, utiliza un grid dinámico de tres columnas compuesto únicamente por imágenes, creando un mosaico más flexible y permitiendo mostrar diferentes trabajos desde el primer momento. La tipografía y el uso del blanco, negro y tonos neutros buscan mantener una estética limpia y atemporal, funcionando como soporte para que sean los proyectos y sus imágenes los que aporten el color y la personalidad. Además, el sistema se planteó para que fuera fácil añadir y actualizar proyectos, manteniendo una estructura visual coherente aunque el contenido y las disciplinas fueran cambiando. Desde el inicio, todas estas estructuras se plantearon teniendo en cuenta su adaptación a diferentes tamaños de pantalla, manteniendo la jerarquía y el protagonismo de los proyectos también en mobile.
RESULTADO FINAL
El resultado es un portfolio minimalista en el que la interfaz funciona como un marco para presentar mi trabajo. La navegación, la estructura y los elementos visuales se mantienen sencillos para que los proyectos sean siempre el punto principal de atención. Este proyecto me permitió no solo crear un espacio para mostrar mi trabajo, sino también seguir aprendiendo sobre diseño web y poner en práctica conocimientos de estructura, composición e interacción en un proyecto real. También me ayudó a entender la importancia de crear un sistema flexible que pueda seguir creciendo conmigo.
Necesitaba crear un portfolio web que funcionara como carta de presentación profesional y me permitiera mostrar mi trabajo. Como diseñadora digital, buscaba un espacio limpio y minimalista en el que los proyectos fueran siempre los protagonistas. Uno de los principales retos era que el portfolio no sería algo estático. Quería poder añadir nuevos proyectos y actualizar los existentes de forma sencilla, ya que mi trabajo y mi portfolio están en constante evolución. Por eso, la estructura debía ser flexible y permitir incorporar contenido nuevo sin romper la coherencia de la web. Además, mi trabajo abarca diferentes disciplinas, como diseño gráfico, diseño web e ilustración, por lo que no podía construir el portfolio alrededor de una única temática o estilo visual. El reto era conseguir que proyectos muy diferentes entre sí pudieran convivir dentro de un mismo espacio y sentirse parte de un sistema coherente. Por tanto, el objetivo no era solo crear una web visualmente atractiva, sino desarrollar una estructura que fuera flexible, fácil de mantener y capaz de dar continuidad a todo tipo de trabajos.
DIRECCIÓN
Una de las decisiones más destacables del proyecto fue la creación de un header vertical. Durante la exploración inicial probé una navegación más convencional, pero al llevarla a una estructura vertical descubrí que los proyectos podían tener más presencia en pantalla y que la navegación podía integrarse de una forma más natural en la composición. Además, mantener el header anclado a uno de los laterales permite acceder a la navegación en todo momento, facilitando el recorrido por la web sin necesidad de volver al inicio. Esta decisión buscaba encontrar un equilibrio entre navegación y contenido: el menú está siempre disponible, pero permanece en un segundo plano para no competir con los proyectos ni con la categoría que el usuario está explorando. La dirección visual parte de una idea principal: el protagonismo debe estar en los proyectos. Por eso, decidí construir una web sencilla y minimalista, utilizando una paleta basada principalmente en blanco, negro y tonos neutros, evitando que el diseño de la interfaz compitiera con las imágenes y trabajos mostrados. Para definir esta dirección, tomé referencias de otros portfolios y webs que destacaban por la forma de presentar su trabajo de manera limpia y directa. A partir de estas referencias, busqué crear una propuesta propia, introduciendo el header vertical como elemento diferencial.
SISTEMA DE DISEÑO
Para conseguir que proyectos de disciplinas y estilos diferentes convivieran dentro de un mismo portfolio, desarrollé un sistema visual sencillo basado en una paleta neutra, una tipografía limpia y unas estructuras de layout consistentes. La mayor parte de las páginas siguen un esquema de dos columnas, que permite separar el contenido textual de la parte visual y mantener una estructura reconocible entre los diferentes proyectos. La portada funciona de manera diferente. Al estar pensada como una entrada más visual al portfolio, utiliza un grid dinámico de tres columnas compuesto únicamente por imágenes, creando un mosaico más flexible y permitiendo mostrar diferentes trabajos desde el primer momento. La tipografía y el uso del blanco, negro y tonos neutros buscan mantener una estética limpia y atemporal, funcionando como soporte para que sean los proyectos y sus imágenes los que aporten el color y la personalidad. Además, el sistema se planteó para que fuera fácil añadir y actualizar proyectos, manteniendo una estructura visual coherente aunque el contenido y las disciplinas fueran cambiando. Desde el inicio, todas estas estructuras se plantearon teniendo en cuenta su adaptación a diferentes tamaños de pantalla, manteniendo la jerarquía y el protagonismo de los proyectos también en mobile.
RESULTADO FINAL
El resultado es un portfolio minimalista en el que la interfaz funciona como un marco para presentar mi trabajo. La navegación, la estructura y los elementos visuales se mantienen sencillos para que los proyectos sean siempre el punto principal de atención. Este proyecto me permitió no solo crear un espacio para mostrar mi trabajo, sino también seguir aprendiendo sobre diseño web y poner en práctica conocimientos de estructura, composición e interacción en un proyecto real. También me ayudó a entender la importancia de crear un sistema flexible que pueda seguir creciendo conmigo.
