Sophie Manalo’s portfolio balances two qualities that rarely sit together this comfortably: restraint around the work and playfulness everywhere else.

Projects remain front and center, supported by motion, concise writing, and strong visual hierarchy. Around them, Sophie has built a personal corner of the internet filled with experiments, food recommendations, photographs, and her own writing.

Her activity beyond the portfolio matters too. I first came across Sophie through social media, where she shares what she is making. Strong work becomes far easier to discover when its creator talks about it in public.

There is plenty worth borrowing from how Sophie presents herself and her work, so let’s take a closer look.

Sophie understands how hiring managers move through portfolios.

Her case studies use large, descriptive headings to communicate the central point of each section. Supporting paragraphs stay short and contain information that rewards a closer read without becoming necessary for understanding the project.

You can move through a case study by reading only the headings and still follow the story.

That is an important distinction. Many portfolios use headings such as “Challenge,” “Research,” or “Solution.” Those labels describe the category of information underneath them, leaving the useful part buried inside a paragraph that many visitors will skip.

Sophie puts the useful part in the heading.

When she introduces a constraint, the heading explains what made it difficult. When she covers research, it summarizes what she learned. When a design decision needs context, the decision appears before the smaller supporting copy.

Visual hierarchy reinforces this structure.

Project imagery usually takes the leading role. A descriptive heading follows, with body copy sitting at the bottom of the hierarchy. Broken-out interface details and annotations help viewers understand which part of the design deserves attention.

Motion appears when it contributes something. Sophie uses it to show products being used rather than relying entirely on static mockups. Elsewhere, cropped interface elements and concise notes communicate the point faster than a full product walkthrough would.

Research receives the same treatment. Sophie references the work she completed without filling the page with interview transcripts, affinity maps, or enormous diagrams. Insights are compressed into the pieces that shaped the product.

That keeps her case studies focused on decisions rather than documentation.

A few headings stretch slightly too wide at their current size. Narrowing the text column would make them more comfortable to read, even if that pushes some onto a third line. Their role within the story is already right.

Case studies also end before the scroll becomes exhausting. Sophie says what the project needs, shows enough evidence, and moves on. Someone reviewing several portfolios can absorb the work without preparing for a twenty-minute read.

Sophie gives her work priority without flattening everything around it.

Small interactions introduce this early. A sparkle in the hero, playful hover states, and the way she communicates that she is looking for opportunities all give the homepage character before someone reaches the more personal sections.

Her Play page contains snippets from contract work, experiments, and projects that do not need complete case studies. These pieces expand the picture of Sophie as a designer, although they still sit close to her professional practice.

Her About page goes further.

“Welcome to my little site” sets the tone. Sophie shares photographs, talks about the things she cares about, and includes food recommendations for different cities. None of this takes much space, yet the page feels personal because the details have been chosen by her.

That matters when someone is hiring a teammate rather than commissioning a single piece of work.

Strong product work earns attention. Personality helps a hiring team imagine spending time with the person who made it. Sophie gives them both without forcing her personal life into the opening of the portfolio.

Her writing adds another layer.

One short piece, which Sophie describes as an “innermost rambling,” reflects on design and the state of the industry in her own voice. It feels considered, opinionated, and human. Including writing can become a distraction when it has little to say, but Sophie has something worth reading.

Her point of view suggests that she thinks about design beyond completing assigned screens. She pays attention to how the field is changing, forms her own opinions, and cares enough to put them into words.

None of these additions could rescue weak work. Sophie does not need them to. Her projects establish the foundation, while the personal sections give hiring managers more reasons to remember who made them.

Portfolios used to feel more like personal websites. Many became efficient containers for case studies and lost some of that character along the way. Sophie brings a piece of it back while keeping the hiring experience focused.

Sophie’s strongest homepage projects create a cohesive opening.

They use motion, share a consistent level of polish, and feel like parts of the same body of work. Each one gives the viewer enough visual information to decide whether they want to open it.

A few cards weaken that rhythm further down.

Glide uses a static preview despite there being material inside the project that could work in motion. Bringing one of those interactions forward would make the card feel more consistent with the projects around it.

Another project appears as “Coming soon” without enough context to understand what will eventually be there. At its current stage, it creates a dead end. Removing it until the work is ready would keep attention on projects that can already reward a click.

Sophie’s Figma Campus Lead work deserves space, although it sits awkwardly among product case studies.

Leading workshops and events as an NYU Campus Leader is a strong achievement. It demonstrates leadership, community building, and an ability to help other designers learn. It serves a different purpose from her individual product work.

Giving it a separate section would make that distinction clearer.

Sophie could introduce herself as a Figma Campus Leader near the top and reveal more through a playful hover interaction. She could also place a compact community section between her experience and Play sections, with photographs, event details, and a short description of her role.

Either approach would let visitors explore that work without treating it like another product case study.

Curation is the central opportunity here. Motion for Glide, removing the unfinished card, and separating community work would concentrate attention on the projects that say the most about Sophie’s product skills.

Sophie’s flagship case study contains several projects completed during the same internship.

She handles the opening well. A compact overview shows what shipped, what remains in review, and what is ready for development. This quickly communicates the range of her contribution, even with NDA restrictions shaping what she can show.

Confusion begins once the individual projects start blending together.

Project one is easy to follow. When the page moves into the second project and later into a hackathon, the boundaries become less clear. A viewer may wonder whether they are still reading the same story, whether a new project has begun, or which work the final takeaways refer to.

Existing dividers help, though they do not create enough separation for someone moving quickly.

Each project needs a stronger entrance and exit.

Sophie could divide the case study into tabs, giving every project its own contained view while keeping them under the shared internship story. A small navigation element could show where the reader is and make it easy to move between projects.

She could also keep the continuous page and use stronger visual differentiation. Each project might receive its own background treatment, numbered introduction, compact summary, and project-level outcome. A persistent label could remind the reader which stream of work they are viewing.

Final takeaways should make their scope clear as well. If they cover the internship as a whole, that can be stated in the heading. If they belong to the last project, they should remain visually attached to it.

Sophie has already solved the harder problem: she found a way to present substantial work despite the NDA and gives readers a useful overview before diving in.

A stronger internal structure would stop those separate projects from blurring together. It would also make the flagship case study easier to discuss in an interview, where a hiring manager may want to jump directly to one part of the internship.

Sophie’s portfolio sits near the top of what I would expect from someone at this stage of their career.

Her case studies respect the reader’s time. Long headings carry the story, visuals lead whenever they can, and research is reduced to the information that influenced the product. She understands that showing everything you made can make the important parts harder to see.

Personality gives the portfolio another dimension. Sophie shares her experiments, community work, food recommendations, photographs, and writing without letting those elements bury the product work that brought the visitor there.

I would tighten the final part of the homepage and create stronger boundaries inside the flagship case study. Both changes are editorial refinements around work that already holds up.

Sophie has left enough of herself throughout the site that I want to see what she builds next, and perhaps follow one of those restaurant recommendations while I’m there.

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!