Nine dark-mode portfolio websites from designers at Google, Apple, Meta, Discord, Uber, and PayPal. Each shows how to structure case studies with problem statements, research, and user testing, plus animation techniques that land jobs at top firms.
Chapters
If you're a dark mode maniac like me, then you're going to love these portfolio websites from people who've actually worked at companies like Apple, Microsoft, Meta, Wayne Enterprises, Google, Instagram, Wayne Enterprises, and other cool tech companies. All right, we are starting off this video with a banger. This portfolio is from Paco, who's working at Google as an interaction designer, specifically on Chrome. And I love the vibe of this guy's portfolio. The crazy animations, the glitch text effects, and all the subtle moving parts. One could say it's too much, but to them, I say you're too little. Now let's check out his work. Beautiful layout and spacing. It's giving futuristic. Next, let's learn more about him. Ooh, fancy animations, dude. This portfolio is so sick. Great job from Paco. Bro, I like— listen, I know I've shared this portfolio in a previous video, but damn, it is worth a second look. It is amazing. This portfolio is from an extremely talented designer, Perry, who's currently working as a product designer at Discord, but previously worked as an interaction designer at Google. And I got to say, like, who gave this guy permission to go this hard on his portfolio? Like, seriously, all the subtle details is insane. Like check out this section on his Stadia Bluetooth case study. Right now it shows the current workflow. And now if you click on this, it shows all the changes that he made to the current workflow. Crazy. You see that light right there? It's like perfect. It's like literally looks like a spotlight. Like I don't know how he actually did this effect. It's so cool. But the crazy part is that it isn't a one-time effect. He actually makes this effect across his entire case study where he's able to show pixel dimensions and annotations. Indicators, and like other really, really cool stuff. Like, I personally love how interactive it is. Oh, and even like the animations are just so solid. Anyway, this guy is making me feel depressed because I need to update my portfolio now. No, seriously, like I really gotta update my portfolio because this guy just leveled up the game for all of us. All right, all right, dude, pretty sick. It looks like Willem is flexing on us with that interactive 3D effect. He's a human interface design intern at Apple working on the Vision Pro. Dude, that is an awesome job right there. The cool part about his portfolio is that since he's a junior, a lot of newbies who want to enter the design world can really take a lot of notes from this guy's portfolio. But of course, his work at Apple is going to be under strict NDAs, so you want to check out other case studies like this one. He has process, he has a problem statement, some research, competitive analysis, user surveys, all really, really important elements to put on your portfolio if you want to be a designer at a tech company like Apple. And it looks like he actually built this exact portfolio website on Framer, one of my favorite website builders, because I know what you're probably thinking. How can I build a portfolio website just like this that is just as impressive? Well, with Framer, you can create websites just like this. And the best part is it's not even that complicated to use. If you're familiar with Figma like me, you'll recognize its canvas-based approach super easily. And one of my favorite features is Framer's ability to create really cool animations and interactions, which is exactly the type of thing that Apple is looking for. And they also got an extensive library of templates for you to start with. So if you want to support me, support the sponsor of today's video, Framer, by signing up to the free account and just trying it out for yourself. Clean. I'm liking this gallery style view of Jason's work. Looks like he was previously a human interface designer at Apple, but now does freelance and is the founder and chief designer at New Computer, a personalized AI system. Pretty cool. I'm liking this really cool scroll effect on this portfolio. Let's see some of his work. Very nice. Very nice. Mm. That was kind of sexy. That's a sexy interaction. I could tell that he does more than just interface design. He's kind of giving this like vibe of a creative director. Super sick. Nice. Okay, I love this custom cursor that we got here. Even has like a percentage for scroll. It also looks like he's worked for Uber, Groupon, Amazon, but currently he's a UX designer for PayPal. Let's check out his Uber case study. Looks like this was an internship. He has a problem statement. Pretty interesting. He does a competitive analysis, user research, and he has this light mode toggle. That's pretty nice. You can see by looking at these case studies, you're starting to notice a pattern of all the certain things that they include in their projects. Let's see his about page. Very nice. Okay. Got this little snow effect in the background. Not bad. Have I shown this portfolio before in a previous video? Yes, but I'm including it again because it is so sick. I love the simplicity of this website. Also, it's built on Framer. So whoever wants to like build a really cool website on Framer with really cool interaction stuff, I mean, Framer's, Framer's a great option. Whoa, that's pretty cool. Nothing defines me. We got a portfolio from Zhushan, a product designer at Meta, and he's got a pretty creative way of introducing himself by defining his name as a noun, verb, and adjective, then saying nothing defines him. Creativity is high with this one. Let's see some of his work. Ooh, I like the sort of 3D perspective that he's added with this hover effect. Nice. TikTok Cowatch. Let's see this one. I like it. Good use of spacing, visual hierarchy. Good case study. This just might be one of my favorite portfolios ever. The creativity behind this is insane. See, all the subtle animations and micro-interactions are really clean. But what I love most about it is how he's introduced this sort of honest design behind some of what he's saying. Like his job titles. Instead of a Flash designer, he calls himself a Jurassic designer. Instead of an art director, he's a Photoshop doodler. Instead of a senior product designer, he's a regular web designer. Epic. Love that sort of transparency. And it's across his entire site. I was only a small part of a large Team, they probably have no idea I exist. I love that. I mean, come on now, that's awesome. And this guy has a pretty awesome YouTube channel as well. So I definitely recommend checking him out for a lot of really great content. So let's check out one last final little design detail here. This is a testimonial. Min is seriously the best and he never complains. He's terrible, but it's his birthday, so I'd say something nice. This is one of my portfolio websites that I completely abandoned. Why did I abandon this sexy beauty of a website? Because I have a crippling sense of insecurity about my designs and constantly have to call myself Batman to mask the deep hole in my soul. So if you want me to actually create this website into a Framer template, comment "You're literally Batman" in the comment section down below. And while you're down in the comment section, go ahead and vote for your favorite portfolio. Would love to know. And if you're interested in another series of portfolio websites that are just as good as these, then you want to watch this video next.
