Steph de la Uz's Portfolio

Building a portfolio in Figma

A quick~ish video walkthrough 😊

If there are loading issues, check the video out on YouTube, or scroll on to read more!

— GOAL

Create a fully functional portfolio that displays my work and personality


— ROLE

UX/UI Design


— TIMELINE

1 Month + continuous updates


— TARGET AUDIENCE

Hiring managers, product managers, other designers, anyone who looks at portfolios!


As a junior designer, I wanted to showcase my work, my skills, and my personality, and while my Notion-based portfolio was doing some of that, I wanted to take it a step further.


Over the course of a month, I designed & iterated upon a personalized Figma prototype that would act as my portfolio. Not only would I showcase my projects, my portfolio would act as a project itself!


What's left is a fully functional MVP that hiring managers and others can click through to get to know me better.

A Few Highlights

UI KIT (THE HEART OF IT ALL)

Without some kind of system in place, this portfolio would’ve been a lot harder to design and put together than it was. Creating color, text, and grid styles set the foundation for what was going to be built. All of the components that followed added to that kit, and allowed it to flourish!


Check out my UI Kit and the components that I created ⬇️

UI Kit + Components

ANIMATIONS (MAKE ME LOOK COOL)

In addition to setting up the UI foundation, I also created a few different animations. Why? To demonstrate that I can, and add some movement to some of the screens. Just a few subtle animations that help to keep my users engaged, and continue getting to know me.


Check out a few of these animations here ⬇️

IMPACT & KEY LEARNINGS

In the year I used this as my portfolio, I received a lot of feedback (both praising it & offering advice for improvement), which led me to ultimately switch platforms. This was one of my favorite projects, and one I am very proud of!


Even while working on a personal project, I learned so much:


1. Getting comfortable with asking for feedback: especially since this was a solo project, I had to go out of my way and seek feedback in order to make sure I was on the right track. Now I believe it’s one of the best things to do while designing.

2. Continuous iteration is your friend: keeping up with trends, adding my new projects, and implementing feedback meant I was constantly improving and moving the MVP forward.

3. Figma is fun and visual design is, too: I truly fell in love with using Figma as well as visual design. In fact, it was this project that solidified the idea that I wanted to do more visual design work in the future!

You can visit my Figma prototype portfolio here:

stephdelauz.com/portfolio