Using the design thinking process to build my portfolio

Project type
Portfolio
Duration
3 months
Role
Product Designer

Introduction

Recently, a lot of designers were opening up slots on Calendly for portfolio reviews and I registered for a couple of them to get feedback on my old portfolio. A portfolio that helped me get into an amazing grad school, get hired by multiple clients and secure a full-time job at Parallel - UX Design studio.

After those initial review sessions, I realised a major flaw in my case studies. No one was reading them the way I expected them to read, in detail. Designers were just skimming past it as quickly as possible and that is when I realised that I need to help potential hiring managers read my case studies.

Major feedback points on my portfolio

Long ass case studies. There was just too much content to read

While reviewing my portfolio, designers were getting bored of scrolling over and over again! They were expecting something more from the reading experience on my website.

Portfolio lacked a sense of personality

Since, I had used an HTML template and tweaked it around people it really did not have any personality. Portfolio was missing the humane side of things.

Poor storytelling. No one understood the problem and its solution.

The problem statements were quite wordy. There was no visual representation for helping users digest the content easily.

Major feedback points on my portfolio

Long ass case studies. There was just too much content to read

While reviewing my portfolio, designers were getting bored of scrolling over and over again! They were expecting something more from the reading experience on my website.

Portfolio lacked a sense of personality

Since, I had used an HTML template and tweaked it around people it really did not have any personality. Portfolio was missing the humane side of things.

Poor storytelling. No one understood the problem and its solution.

The problem statements were quite wordy. There was no visual representation for helping users digest the content easily.

HMWs I decided to focus on

HMW bring in a sense of personality to the portfolio?

HMW make the case studies more scannable for hiring managers?

Problem #1

How can I make my portfolio stand out among 100 other applications? How do I select a visual style that best reflects my traits as a designer and a person? I wanted my portfolio to honestly and genuinely reflect the way I design!

Finding my
personality!

This was the most difficult task while designing my portfolio. I wanted to convey myself in the portfolio. It needed to be loud, bold, impactful. Basically, an extrovert - like me :p I started by listing down adjectives that related really well with me and also started looking up design styles that could represent me.

Iterate, iterate, iterate..... x50

Done >> Perfect

Being an extrovert, I wanted to use bright colors with bold typography to reflect who I am as a designer. I had to make sure that the execution of my vision was precise, dev friendly and adaptable to multiple screen sizes.

Problem #2

Hiring managers only have 1-2 minutes to SCAN through my case studies and create a rough picture of me as a future designer on their team. How can I help potential employers to scan through my case studies easily?

Making case studies more scannable...

Reducing the length of case studies by 40%

ADP List to the rescue...

Final takeaways from the review

Week 3

They said, we heard.

Once our concepts were validated with users, I started working on the visual overhaul phase of the projects. The aim was to take a minimalist approach and help teachers focus on their tasks without distractions.

Tweaking my way to perfection...

Since I worked at small startups, company name wasn’t really adding value or context on the project card. So, I decided to remove the company name and use a colored CTA to improve click rates.

Changed the layout to improve accessibility of the feature listing section. It is now much easy for the reader to scan through the new layout on the right

Learnings and reflections