.jpeg)
Ahora que termina otro año escolar fuera de lo común, queríamos mostrar algunos de los mejores portafolios web que hemos visto de recién graduados.
Seguimos comprometidos con hacer que Webflow sea gratuito para estudiantes y docentes — y nos encanta ver el trabajo increíble que surge de las aulas virtuales y físicas de todo el mundo.
Lo mejor es que todos los portafolios de graduados que aparecen en esta publicación provienen de estudiantes que cursan una variedad de temas como diseño de interfaz, diseño gráfico, comunicación visual, matemáticas, emprendimiento y más.
Aquí tienes algunos de nuestros ejemplos de portafolios de graduados favoritos. Esperamos que te inspiren tanto como nos han inspirado a nosotros.
Gerardo Orozco – San Diego City College ‘22
El portafolios de Gerardo Orozco es uno de los más atractivos que hemos visto nunca. Desde el principio, las animaciones de desplazamiento te atrapan, al igual que sus divertidas elecciones tipográficas.
Lo que más destaca en todo el sitio de Gerardo es lo colorido y divertido que es su trabajo, además del hecho de que es capaz de trabajar en tantos medios diferentes. Además, el trabajo que muestra Gerardo encaja a la perfección con su objetivo profesional de trabajar como diseñador gráfico en la industria cinematográfica.
Kristoffer Staugaard – University College Lillebaelt
Es muy divertido navegar por el portafolios de Kristoffer Staugaard, con una excelente interacción del ratón que hace que las animaciones al pasar el cursor sean aún más efectivas. A medida que recorres la página de inicio, Kristoffer muestra sus diferentes proyectos. Utiliza textos concisos y bien ubicados con tipografías llamativas, junto con pequeñas ayudas visuales de los proyectos.
El portafolios de Kristoffer es uno de los pocos que utiliza citas de clientes anteriores como prueba social. (Un consejo: si eres estudiante y aún no has hecho proyectos reales, ¡pídeles una cita a tus profesores o docentes!)
Novia Chao – University of British Columbia ‘22
El portafolios de Novia Chao hace un trabajo increíble al mostrar su personalidad, además de exhibir su trabajo.
Su página "Sobre mí" afirma que "el diseño es el núcleo de cómo los humanos interactúan, navegan y comprenden el mundo". Por lo tanto, no es de extrañar que su portafolios sea una auténtica delicia de navegar. Cuando llegas al portafolios de Novia, te recibe un hermoso degradado que cambia ligeramente a medida que te desplazas por la página de inicio. Las animaciones al pasar el cursor te invitan a hacer clic y explorar sus proyectos, atrayéndote por completo.
Novia tiene una sección de "juegos" en su portafolios, que es una forma encantadora de mostrar esos diseños más pequeños y no relacionados con proyectos que creas de una manera menos estructurada.
Lauren Shirley – University of Utah ‘22
El portafolios de Lauren Shirley es uno de los sitios más únicos de esta lista.
Su uso del espacio en blanco es increíble: te sientes atraído al instante a hacer clic en uno de sus proyectos enumerados en "Trabajo". Una de nuestras partes favoritas de su sitio es el adelanto de cada proyecto que aparece al pasar el cursor sobre el nombre del mismo.
El trabajo de Lauren es una combinación asombrosa de tipografía, diseño impreso y diseño gráfico, y su portafolios muestra todas estas habilidades al espectador.
Charlene Xinyi Zeng – Columbia University ‘22
El portafolio de Charlene Xinyi Zeng parece bastante sencillo a primera vista, pero a medida que navegas por su sitio web, descubrirás un montón de animaciones al pasar el ratón, interacciones de desplazamiento y juegos tipográficos muy divertidos.
Sus páginas de producto te llevan de viaje por cada proyecto, de principio a fin. Además, Charlene deja muy claro cuál fue su papel en cada uno, un aspecto importante que cualquiera que esté creando su propio portafolio web debería tener en cuenta.
Lauren Kim – Design Lab ‘22
Lauren se graduó recientemente de un curso de diseño de interacción UI y UX en Design Lab. Design Lab es uno de nuestros cursos en línea aprobados, y más de 250 de sus estudiantes han solicitado nuestro descuento para estudiantes desde que nos asociamos con ellos a finales de 2021.
Al utilizar el espacio en blanco, el portafolio de Lauren dirige la mirada de los visitantes hacia el contenido más importante del sitio.
A lo largo de sus páginas de proyectos, Lauren muestra el impacto empresarial de cada trabajo que ha completado. Los futuros empleadores quieren ver el impacto de tus proyectos anteriores y añadir esta información tan importante podría marcar una gran diferencia en tu búsqueda de empleo.
Empieza gratis
Crea sitios web personalizados y escalables, sin escribir código. Empieza a construir en Webflow.
Jieying Xiao – Universidad Nacional de Singapur ‘22
El portafolio de Jieying Xiao está construido en torno a un degradado sutil pero llamativo, que es absolutamente precioso (además, sin querer presumir, pero nosotros predijimos que los degradados con grano serían tendencia en el diseño de 2022). A medida que te desplazas por su página de inicio, Jieying destaca sus proyectos más recientes. Antes incluso de hacer clic en las páginas de los proyectos, Jieying muestra una imagen del trabajo e incluye una breve descripción. Al hacerlo, ofrece a posibles empleadores o clientes una visión general de su trabajo.
Marino Franulovic – Universidad de Coventry ‘22
El portafolio de Marino Franulovic es diferente a los demás de esta lista: promociona trabajos de marketing digital en lugar de diseño. Por esta razón, su portafolio está más enfocado a la conversión que los otros.
La página de inicio de Marino está llena de animaciones de desplazamiento e interacciones al pasar el ratón súper atractivas. Su uso del color es coherente en todo el sitio y da al visitante la sensación de una marca consolidada, en lugar del portafolio de un recién graduado. También tiene un blog, que ofrece a posibles empleadores o clientes una visión más profunda de sus ideas.
Greg Chen – Carnegie Mellon ‘22
Si buscas una buena forma de organizar las páginas de producto en tu propio portafolio, el de Greg Chen es perfecto para inspirarte. Comienza cada página de proyecto con una descripción, y luego repasa información clave como el cronograma, el tamaño del equipo, las herramientas utilizadas y su rol.
Las detalladas páginas de proyectos cubren cada paso del proceso, desde el guion gráfico hasta la creación de prototipos y la interfaz de la aplicación; un factor importante para destacar su experiencia y su proceso de pensamiento en diferentes proyectos.
Preguntas frecuentes
¿Debería incluir testimonios o citas en mi portafolio de estudiante si aún no tengo trabajos para clientes?
Sí, incluir testimonios en tu portafolio de estudiante es una forma inteligente de generar credibilidad, incluso si aún no has trabajado con clientes. Considera pedir a profesores, compañeros de clase o colaboradores de proyectos que compartan citas breves sobre tu creatividad, resolución de problemas, ética de trabajo o estilo de comunicación. Estos respaldos ofrecen una valiosa validación de terceros y ayudan a dar una imagen más completa de tu potencial profesional. También dan a los posibles empleadores una idea de cómo contribuyes al trabajo en grupo o cómo manejas las críticas, lo cual puede ser tan impactante como los testimonios de clientes.
¿Cómo debería estructurar los estudios de caso en un portafolio de estudiante para que mi rol e impacto queden claros?
Los estudios de caso más efectivos describen claramente el desafío, tu rol, los pasos que seguiste y los resultados. Comienza con una breve descripción del objetivo o problema del proyecto, luego recorre tu proceso de diseño, incluyendo la investigación, la ideación, la creación de prototipos y las pruebas. Destaca tus contribuciones con frases como "lideré", "investigué" o "decidí", y utiliza ejemplos visuales para respaldar tu narrativa. Siempre que sea posible, incluye resultados medibles o reflexiones sobre lo que aprendiste para demostrar crecimiento, iniciativa y pensamiento estratégico, incluso en proyectos académicos o personales.
¿Cuál es el papel de las animaciones, los efectos al pasar el ratón y el espacio en blanco para hacer que el portafolio de un graduado sea más atractivo?
Las animaciones sutiles, los efectos al pasar el ratón y un buen uso del espacio en blanco pueden mejorar significativamente la experiencia de usuario de tu portafolio. Las microinteracciones —como los estados al pasar el ratón sobre los botones o las transiciones animadas entre secciones— demuestran que entiendes cómo guiar a los usuarios a través de una interfaz y que te preocupas por los pequeños detalles. El espacio en blanco permite que tu contenido respire, crea jerarquía y ayuda a los visitantes a centrarse en tu trabajo sin sentirse abrumados. Juntos, estos elementos elevan tu portafolio de una simple muestra a una experiencia refinada y cuidadosamente diseñada que refleja tu sensibilidad UX y tu madurez en el diseño.
Empieza a crear tu propio portafolio estudiantil
¡Mucho éxito a todos los recién graduados en esta nueva etapa! Recuerden que Webflow es gratis para estudiantes y docentes. Echen un vistazo a más ejemplos de portafolios estudiantiles o exploren el curso de 21 días para portafolios en Webflow University para publicar su nuevo portafolio de diseño web.
Presume de tu trabajo.
Elige entre plantillas de portafolio totalmente personalizables creadas para mentes creativas. Con Webflow, puedes diseñar, pulir y publicar un portafolio que destaque, sin escribir ni una sola línea de código.
