The UX/UI Portfolio That Gets Me Hired
ฝัง
- เผยแพร่เมื่อ 25 มิ.ย. 2024
- Written, filmed and edited by me 😁. If you like the vibe, leave a like and subscribe.
My portfolio: leander-designs.webflow.io/
Follow me on LinkedIn: / langst
Follow me on Instagram: / leanderang
00:00 Yes, this was me
00:42 Welcome
02:15 Homepage & platform
03:17 Hero section
04:39 Easter egg
05:11 Work section
06:55 Case study
12:02 Presenting your work
13:12 Contact section
14:05 'About me' page
15:06 Take a deep breath
The beginning is literally me right now. I’m so holding myself back. Glad to know I’m not the only one with this feeling 😅
Hang in there, we've all gone through it at one point or another 😂
@@leanderangst the perfectionism is too loud when you make portfolio 😂😂😂😂
@@parassharma6560 haha yes so true
Same!😅
There’s some kind of comfort knowing that I’m not the only one procrastinating because I have a million ideas and don’t know which to pick hahahaha
Ohhh we've all been there a million times haha. My advice - pick one and run with it, you can always change it later. Having something tangible on paper is better than just thinking about what you're going to do!
Loved your video and your portfolio, it looks amazing and stands out from others.
One of the things I found most difficult in design as a developer is the fact that design itself is a completely different area with so many possibilities that it feels like you are never going to reach a high level enough level, theres 3D, HandDraw, UI and UX Patterns, its a never ending world.
What helped me the most in that regard is getting over the fear and starting to do it until I feel it looks great, and after that, I look for some outside opinions. I start to see some things that I never really cared about before and impleting it on my design felt great.
Great video.
I love how clean and simple this is! My problem is I’m a web developer, I know what looks good (or at least I like to think I do lol), but thinking/creating something that looks good is what I find most difficult. If anyone has any designs they would like turned into a site, or wouldn’t mind sharing, I’d love to check it out and possibly code it up.
I feel like a problem that a lot of new devs have is that they don’t have much design experience if any, and even though design isn’t necessarily the role we’re going for, it does probably play a role in getting to an interview/hired.
Thanks so much for the kind words! Agreed that developers who have a good eye for design are highly valued in the industry. Always pays off to stay in the loop on latest design trends, top websites/products, and scroll through Dribbble to see what UI patterns designers are coming up with.
Hey! I’m a designer currently picking up the development side of things.
Would love to work together on some projects!
Am a UI Ux designer, would like to make a collab with you.
@@joelgodina5702would definitely love to work together.
@@pricherman9281same here
Thank you for your video! The first part of getting stucked and trying out different websites is literally me just a few weeks ago.
Impressed with the content you are putting on. Keep up the good work, you have a huge potential to succeed on TH-cam 💪
Leander, this video is timely as I’m stuck on revamping my portfolio 😂 analysis paralysis is REAL. Thank you for making this video!
Thanks for watching! You got this 😊 - when in doubt take a break and come back to it later, always helps me
Thank you! You're very thorough. Looking forward for future contents!
Glad to have you here! 😊
Great delivery! More, please...
Thank you so much for this approach and for showing your case studies. much appreciated 🤚🌺
You bet! Thanks for watching and glad you found it helpful!
it's certainly the most helpful and honest look on case study in real. keep goingggg!!
Glad you found it valuable!
Thank you so much!! This was very helpful!!
Really clean and meaningful content, Every line had a reason behind it, no fillers straight to the point. AMAZING! :D
Just a few small nitty gritties
1. The climate and acet case study background on your homepage fade to black while other backgrounds fade to a different color keeping each case study different
2. On the Climate Cast study i noticed a small overflow on X axis in the design section
Thanks for the feedback and watching!
Thank you so much for sharing this video ❤
This is great content. Thanks for sharing and providing so much insight. Obviously your video adds even more to your portfolio website which on its own is a great showcase.
Thanks so much! I'm glad it's helpful.
935728
i love it, Fascinating
Amazing video, very inspiring. Thank you!
Absolutely! Thank you for watching :)
Great video! thank you so much
Inspirational ❤
Great work, Leander ❤
Thanks! And thanks for watching :)
Eloquently presented, great content, and I love the humour
Never felt so seen by a TH-cam video than that intro lol thank you for sharing!
Haha happy it resonated - trust me I've been there many times. Hope it helped! You've got this :)
@@leanderangst appreciate that thank you :)
This was me last week. Spot on.
The struggle can be real, hang in there you got this :)
Thanks for sharing!
Thanks for watching :)
Such great content
Glad you like it!
The portfolio is neat & clean
Thanks!
Your iPhone mockups at 11:00 are amazing. Where did you find them, could you share?! They're gorgeous mockups and make such a great end to your case study.
Thank you! I used a Figma plugin called Mockuuups Studio - costs a bit of money but worth it if you do all your case studies in one go and then subscribe for a week to just grab the mockups off the plugin.
Great video 👍
Thanks Chetna!
Yeah it's impressive for the details
Thank you!
This was extremely helpful, thank you for such a great video! 😊 I only have one job experience at a company as a product designer for 5 years. Is it okay if I use mock projects to show my skills alongside work from my previous long term gig for my case studies?
Absolutely! You can also use multiple projects from your long term gig.
Amazing portfolio! Can you share with me what option did you use to do this navigation panel in Figma- transitions on each page are not moving ? (research, define itp)
Thanks for watching! If I understand your question correctly, it's a prototype setting! You need to set the element that you want to keep in the same place (in my case the navigation panel) to "Sticky" under prototype settings.
Great video! how are you screen recording? using loom?
Thanks Sam! No I'm using OBX Studio :)
thank u sir :>
Thank YOU for watching 😊
Did you create your case studies using the CMS from webflow? Cuz I'm trying to do it using the CMS function, but it's difficult to customize each case study since not every project has the same structure.
I did not, for that exact reason haha. For my last two case studies I actually just created Figma prototypes and have linked to those from the website, much easier :)
@@leanderangst Does this work well for you? how is the load time?
This is a great video! I have a question about showing "negative" events in a case study. What's is a constructive way to say that "We were told to do this a bad way and later were able to prove it was wrong?" I'm not looking to make anyone look bad and I'm POSITIVE I can't be the only one that's experienced this.
Is this kind of "friction in the project" even worth telling?
Depends a bit on what you mean by “told to do this” - but anytime you tried one approach that later turned out to not work, and then changed your approach based on what you learned from the failure, it’s 100% worth sharing! Thats gold
Ahhh its so hard to build your portfolio... Yesterday I bought a domain and hosting for my portfolio... decided on a Wordpress theme... and now I don't know where to start even with a template...
I can't imagine how u did everything from scratch...
The best place to start, is to start :) Get something on paper! You can ALWAYS change it later, but putting something tangible in place will give you peace of mind and something to focus on.
Been off of my UI ux studies but trying to get back into it. I was using Semplice but I think I wanna switch to Webflow. Was it really that difficult to build out your case studies in Webflow?
Webflow just isn't very 'drag and drop', and definitely not as catered to designers as Semplice. If you're interested in building websites though, it's a great tool to learn for sure! I'd also check out Framer, haven't used it much myself but it's gaining a ton of traction. You can probably find a 'cloneable' Webflow website that someone else has built and use that as a starting point, will make your life much easier :)
Perfect!😂😂😂
😂
@@leanderangst It's good to know I'm not the only one spending half of my lifetime building the portfolio site. 🥲
Where do you get some case study samples for guidance or inspiration??
Try UXfolio, Uxcel and Growth.Design! Those are just a few :)
Do I need to have a portfolio website to showcase my work? Does portfolio document work equally effectively? I’m so confused as to what should be my medium 😭
Great question - anything that you can put on your LinkedIn profile and share when you apply for jobs will do the trick! You don't necessarily need a website, you can host case studies on Dribble, Behance, etc... I just wanted a website so I could show that I designed & built that too, as a supporting piece of work to make my application stand out :)
Can you guide to create a case study step by step pleass
I definitely will do in a future video, thanks for the suggestion!
Thanks. How much do I need in my case study if I'm looking to become a UI Designer?
Hey! Great question. Will depend a bit on the role you're going for. If it's truly a UI-only role you definitely don't need a ton of UX & research content in your case study, the focus should really be on the UI patterns/branding/final UI. It's still good to show your process - like why THAT UI solves the problem and maybe a brief summary of the research/UX work that someone else did to support that (or talk about how you'd take that into consideration). Would say 80% UI focus 20% process/UX focus. Hope that helps!
@@leanderangst Thanks Leander. That's a great help.
I have my portfolio on wix but I hate it, it's hard to use, now I realize I need to find another site to host my new portfolio, which means I have to rebuild it from start, that's a nightmare.
What do you hate so much about Wix? Definitely a lot of work to migrate a site but could be a great opportunity to do some redesigning and sprucing up!
@@leanderangst Wix lacks responsiveness, I need to spend extra efforts to edit the the mobile view as I find out it's not responsive to the desktop version, and editing the component is a pain; there is a delay when I try to modify them, and the elements will jump to the top of page when I try to move them; not mention the component customization choices are limited and not professional, it is very frustrating.
Why did I read this thumbnail as This Gets Me Hard 😂
🤣
Really Good! A link to your portfolio please!
Thanks! Try leander-designs.webflow.io/ :)
The white font on top of the light gradient does not lend well to accessibility. Not a very good starting point for a UX portfolio. The case studies look very well done though.
Actually a great point! Not the most accessible I agree. Although the sections I want people to focus on (CTAs, header, arrow) are pretty visible. Definitely something that could be improved though nice catch!
Designed mine on figma
Nice one, would love to see it!
Your page is giving "Page not found"
Try leander-designs.webflow.io/
actual footage of me all week lol. So helpful thanks!
😂 - keep going you got this! Lmk how it turns out.
ur site isnt avaiilable
Try again - leander-designs.webflow.io/
I don’t get it, all so basic and simple but ok
It's UI/UX Design, not Graphic Design. The Research and Functionality of the product are way more important than the design itself.
Where is the design ? AI could do this stuff, your entire portfolio is a textbox over a picture or colored square
Yup! Totally agree AI could support in building this. The “design” comes down to how the site is structured and how the case studies are laid out, more of an information architecture question than a UI question. You’d want to make sure you prompt the AI properly, otherwise it’s just random images with random text in a random order.
@@leanderangst I don't need to prompt AI for anything, it takes 2 minutes to make textboxes and squares in PS
@@solarydays nice! Would love to see your AI generated website sometime so do share it 😊
@@leanderangst after I told you I don't even need AI for it? do you read words or you just put out random reactions ? : D
@@solarydays wait…by AI do you mean Illustrator? Or Artificial Intelligence?
So relateble! Thank you for the video 🫡 And what do you think about portfolio on Behance? Why did you decide to make a separate website showcasing your works?
You bet! For me, building/designing the website was also a way to showcase my ability so I wanted to do it that way :) - nothing wrong with Behance, but you lose out on that part of it.