Sophia Liu’s portfolio feels unusually mature. She puts the work first, removes anything that might compete with it, and adds personality through small moments of play.

Her case studies cover product work for names including Robinhood and Cloaked, alongside mobile and interactive museum projects. Some are protected by NDA, yet the public page still gives hiring teams plenty to work with.

There is a lot to learn from how Sophia edits her work and guides people through it, so let’s take a closer look at what makes this portfolio work so well.

Sophia understands that few hiring managers begin by reading every paragraph.

Her headings carry the story. Supporting text stays short, while the visuals do most of the explaining. Someone moving quickly through a case study can still understand the project, the decisions, and Sophia’s contribution without stopping at every section.

Visuals are given enough space to breathe, and each one focuses on a small part of the story. When she discusses an interactive museum kiosk, she shows it in the environment where people would use it. When a concept becomes harder to explain, she brings in sketches and diagrams rather than stretching the paragraph.

One mobile case study handles screen comparisons especially well. Sophia could have dropped three full phone screens next to each other and asked the viewer to hunt for the changes. Instead, she crops into the part of the interface that matters, arranges the states into a clean composition, and annotates the differences.

That choice sounds small. It saves the reviewer work, which matters when they may be looking through dozens of portfolios in the same week.

Her use of whitespace helps too. Sections feel distinct without needing heavy dividers or long transitions. Even when a case study contains several visual formats, the page never feels crowded.

There is one diagram where the text becomes too small to read comfortably, but it stands out because the rest of the case study is edited with so much care.

Sophia has built these pages around scanning behaviour. Readers who want the short version get it. Readers who want to inspect the thinking can slow down and find more.

Sophia fits a surprising amount into a compact site.

Her opening pitch is short and full of useful signals: strategic thinking, thoughtful execution, collaboration, and recognizable product experience. It tells a hiring manager what kind of designer they are looking at without turning the hero into a miniature cover letter.

An expandable About section gives the page another layer without sending the reader elsewhere. Her background in humanities, language, and history adds some texture, as does the appearance of her cat. Both details help the person behind the polished work come through.

Further down, Sophia includes an experiments area for work that does not need a full case study. Motion studies, draggable pieces, visual explorations, and smaller builds all have somewhere to live.

I like that decision. Designers often create work that says a lot about their taste and curiosity but does not fit neatly into a client-project narrative. Hiding those pieces would make the portfolio feel narrower than the person behind it.

Sophia keeps them inside the main page, so the portfolio still feels cohesive. A visitor can move from product work into personal exploration without navigating a separate playground or losing their place.

Restraint runs through the entire site. Nothing feels bare through lack of material. It feels edited by someone who knows which pieces deserve space.

Sophia’s project previews are polished, but many of them remain static. A small amount of motion could give the homepage more energy and connect it to the playful experiments further down.

This would need a careful hand. Animating every mockup would compete with the restraint that makes the portfolio work. A few focused moments would be enough: a detail moving inside a crop, a short interaction, a transition between two states, or a loop that pauses before repeating.

Motion can also help direct attention. Sophia already does this through cropping and annotations inside her case studies. Bringing the same thinking to the homepage could show visitors where to look before they have opened a project.

Even a static central mockup could be paired with one animated supporting detail. Another preview might reveal a small interaction on hover. A mobile project could cycle through two interface states rather than showing several complete screens at once.

Some projects may be harder to animate because of NDA restrictions or missing assets. Those projects still have options. Public brand motion, an approved fragment, or a small conceptual animation could add life without exposing protected product work.

Robinhood, for example, has public motion assets that could support its preview. Sophia’s Cloaked experiments also show that she has already created branded motion for that company. If she is permitted to use a fragment, it could help connect the protected project to the visual craft visible elsewhere on the site.

None of this requires turning the homepage into a showreel. Sophia’s restraint is one of its strengths. Selective movement would give a few projects a stronger entrance while keeping the overall page calm.

Sophia’s experiments are easy to miss on a first visit. Nothing near the opening tells the viewer that a playground is waiting further down the page.

A small “Experiments” link near the top could scroll directly to that section. It would be especially useful for teams hiring designers who explore new tools, prototype quickly, or move between product and visual work.

Once the visitor arrives, the captions could do a little more.

Entries such as the branded motion for Cloaked and the “Skeuomorphic Data Wiz” built with Figma and Claude Code already create curiosity. A short note about the origin of each piece would make them more valuable:

These do not need full case studies. A lightbox with a larger view, two or three lines of context, and a link where one exists would be enough.

Side experiments now carry more weight in many design hiring conversations. Teams want to see how someone explores an idea before it has a roadmap, a polished brief, or a large team around it. Sophia already has that work. Giving it a little more context would help viewers understand what she can initiate on her own.

Sophia’s portfolio feels more senior than her time in the industry might suggest.

Much of that comes from editing. She trusts the work, keeps the writing tight, and uses visuals to remove effort from the reader. Her one-page structure covers the expected portfolio material while leaving room for personality and experimentation.

Her locked projects are handled with care as well. They remain visible, communicate the companies involved, and give hiring teams a clear route to access them through the code supplied with her résumé.

I would add selective motion across the project previews and give the experiments a stronger entrance, a little more context, and a final polish pass. Those changes sit around an already strong body of work.

I still want to open several of Sophia’s experiments and hear what pushed her to make them. That curiosity is already present on the page, even if parts of the story remain tucked away.

Still struggling to get your portfolio off the ground?

Don’t want to spend weeks learning yet another tool? Framer is my top recommendation for building your portfolio — fast, clean, and without the usual headaches.

If you’re just starting out (or even if you’re not), I think Framer is a perfect fit. Here’s why:

And that’s just scratching the surface. I wrote more about why I recommend Framer here—but honestly, the best way is to try it for yourself.

Affiliate disclaimer: I only recommend tools I personally believe in. Some links in this post are affiliate links, which means I may earn a small commission if you choose to purchase — at no extra cost to you.

Do you want your own portfolio reviewed in-depth with a 30-minute advice-packed video review? Or do you require mentoring to figure out a proper strategy for your job search?

I got you!