Today: Beverly Yip

Beverly Yip’s portfolio has a fairly traditional structure at first glance.

A clean intro, a small personal touch, and then straight into the work. No huge theatrical hero. No complicated navigation concept. No attempt to reinvent the entire portfolio format.

And that works perfectly fine here because the work itself carries enough weight.

There’s a tiny interactive cat in the intro, which adds a sweet personal touch without getting in the way. From there, the portfolio moves quickly into the projects, and that’s the right call. Beverly doesn’t need to overbuild the entrance because the depth starts showing once you open the work and especially once you reach the play section.

What becomes clear fairly quickly is that Beverly has an unusual mix: product design fundamentals, engineering literacy, creative coding curiosity, and enough visual sensitivity to make these things feel expressive instead of technical for the sake of being technical.

That combination gives her portfolio a lot of range.

The Good

A case study format that feels visual, light, and easy to follow

The Dandi case study is a great example of how you can break up the usual junior case study format without turning the whole thing into chaos.

The structure itself is fairly normal. There’s context, role, problem, process, visuals, and outcome. But the way Beverly presents those pieces makes the story feel much more engaging than a standard text-heavy write-up.

What I like here is that she doesn’t rely on long paragraphs to explain everything. A lot of the story is carried by the visual treatment.

The problem is shown visually. Key facts are emphasized in a way that makes them easy to grasp. The visual identity comes through through the actual illustrations and product screens instead of needing one of those overused “here are the fonts and colors” sections that show up in so many junior portfolios.

That’s a much better choice.

You don’t need to show me a full brand guideline layout to prove there was a visual system. If the illustrations, interface, and screenshots already communicate the system, that’s enough. In Dandi, Beverly lets the work do that.

The strongest parts of the case study are the sections where the headings start carrying more meaning. Instead of forcing the reader to dig through body text, the headings begin to explain what matters. That’s exactly how case study storytelling should work.

There are a few small polish issues, like some line-height and orphan problems in headings, but they don’t damage the overall impression because the case study is otherwise presented with care.

The use of screen recordings also helps a lot. When you can show a flow or interaction moving, that will almost always beat a static grid of screens. I’d still make those videos autoplay without sound and without visible controls, because most people won’t click play. But the direction is right.

Overall, Dandi is a strong case study because it feels designed, not documented.

A play section that shows the value of building, experimenting, and coding

The play section is one of the strongest parts of Beverly’s portfolio.

We’re seeing more playgrounds, play sections, and experimental corners in portfolios now, and that’s not a coincidence. AI and coding tools have made it much easier for product designers to build the things they used to only sketch.

Beverly already has an engineering background, so some of this may have been available to her earlier than it is for many designers. But the broader point still stands: she uses this section to show that she can move beyond static product work and actually make things.

There’s creative coding, React work, interaction experiments, AI-supported projects, and explorations with newer tools and libraries. Some pieces are small. Some deserve more context. One even has its own mini case study, which is totally valid.

That’s something more designers should understand about playgrounds. Not everything needs a full write-up. But if one experiment is large enough, meaningful enough, or personal enough, it can absolutely have its own deeper page.

In Beverly’s case, the thesis-related project earns that treatment.

The play section also changes the way you read the rest of her portfolio. It tells you she can handle more conventional product design work, but she can also bring technical fluency and creative interaction thinking into a team.

That matters.

A lot of product design jobs are not going to ask you to build expressive creative coding experiments every day. Some work will be more practical, more structured, and more constrained. But showing this kind of range can attract a different kind of opportunity: design engineering roles, founding designer roles, early-stage teams, or product teams that want someone who can push beyond safe interface work.

Beverly’s portfolio gives you enough evidence to believe she can do both.

The Potential

Some case studies don’t yet match the level of Dandi

Dandi sets a high bar in this portfolio.

The issue is that not every other case study reaches that same level of presentation.

The Moodle case study stands out here most. It has good material, but the visual treatment feels less refined than Dandi. Some of the choices feel a bit more dated or less carefully considered.

The angled grid of many screens, for example, feels like a presentation pattern from several years ago. A single moving product flow would probably do a much better job there. It would feel more modern, more focused, and more useful for understanding the actual experience.

There are also layout details that start to add up: centered text blocks running too long, headings spanning multiple lines with awkward line breaks, and sections where the type treatment feels less controlled.

Centered text can work, but once it goes beyond two lines, readability usually drops fast. In a portfolio, that kind of friction is unnecessary.

The design system section is another one I’d reconsider. It falls into the exact pattern Dandi avoids: fonts, colors, UI snippets, and a broad “design system” label that doesn’t quite fit. A design system is more than a small visual identity or UI kit section, so I’d either reframe it or remove it.

This doesn’t mean the Moodle work is bad. It means Beverly may have outgrown how that project is currently presented.

At this stage of your career, your taste and craft can improve fast. Sometimes a project from last year already feels like it belongs to an older version of you. That’s normal. But if the rest of the portfolio shows stronger judgment, the older presentation starts to stand out.

Beverly could either rework that case study with the same level of care as Dandi or consider removing it and letting the portfolio become a tighter set of three stronger case studies, supported by the thesis and play section.

The portfolio itself could be more daring

The second opportunity is more about the portfolio as a whole.

Beverly’s work shows engineering literacy, creative coding, playful interaction design, and a strong ability to build expressive digital experiences.

But the portfolio surface itself is still fairly restrained.

That’s not a problem by default. The current structure works. It’s clean, direct, and easy to navigate. But after seeing what Beverly can do in the play section, I wanted a bit more of that energy to show up in the portfolio itself.

There’s already a small hint of it with the interactive cat and a few playful details. But it feels like she held herself back.

She doesn’t need to turn the whole site into an interaction firework. That would probably be too much. But there are places where a more playful, coded moment could give the portfolio a stronger final layer.

The footer could be one place. A small interactive moment at the end, something independent from the rest of the structure, could leave a stronger final impression. It could be ASCII-based, generative, playful, or tied to one of the creative coding directions she already explores in the play section.

The point is not to add decoration. It’s to let the portfolio reflect the kind of designer the work already suggests she is.

If Beverly has ideas she held back because they felt too playful or too unnecessary, I’d test them. With her skill set, there’s a good chance they would make the portfolio feel more like her.

The Verdict

Beverly Yip’s portfolio shows a designer with a strong and useful range.

She can do structured product work. She can work with more complex systems. She can bring engineering fluency into design. She can explore creative coding and playful interaction work. And she can present all of that in a way that feels approachable rather than overcomplicated.

The strongest parts of the portfolio are Dandi and the play section. Together, they show both product design judgment and creative technical ambition.

The main opportunity is consistency. Some case studies need the same level of care and polish that Dandi already has. And the portfolio itself could afford to be a bit more daring, especially given the kind of work Beverly is already showing.

But the foundation is strong.

Beverly has the range for design engineering, founding designer work, and more traditional product design roles in established teams. That’s a rare position to be in early in your career.

If you’d like to craft a similarly impressive portfolio Framer is likely your best choice.

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:

• Flat learning curve: The interface feels familiar if you’ve used Figma — plus, there’s a plugin to bring your designs straight in.

• Plenty of learning support: Framer Academy is packed with free tutorials, videos, and guides to help you go from zero to published.

• A huge template library: Tons of high-quality (often free) templates in the marketplace to help you launch quickly without starting from scratch.

• Free if you are a student: Although Framer already offers a generous free plan for everyone, if you are an enrolled student you can get Framer Pro completely for free!

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.

How I can help 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!

• Book an in-depth portfolio or resume review with me

• Book a mentoring session with me

• Book a quick 15 min chat to ask a question and see if we vibe