Make Your UX/UI Portfolio AWESOME!
ฝัง
- เผยแพร่เมื่อ 21 ก.ค. 2024
- Step by step guide to creating an amazing UX design portfolio.
👇 Watch next and be awesome!
SPECIAL PORTFOLIO REVIEW LIVESTREAM: • Portfolio Review Session
Don't do this in your portfolio: • Don't make that portfo...
Resume tips and best practices: • 99% of designers MESS ...
🏆 Master design with me
✅ Create an amazing case study: gum.co/uicasestudy
✅ 3000 people improved their skills: gum.co/uicourse
✅ Learn WebDesign from the best: gum.co/webdesigncourse
✅ Best book about UI (5000 sold): gum.co/uibook
✅ Learn UX cheap and easy: gum.co/guidetoux
🎉 See all my books & courses hype4.academy
🐦 My Twitter: / michalmalewicz
🔮 More about the video:
Portfolio design can be tricky. Many people go with trusted templates, while some try to be creative and build complex, robust websites. I believe you shouldn’t go too far either way, as the main reason for your portfolio and for your portfolio design is to deliver your work to the eyes of the recruiters and clients. In this video I’ll take you step by step through a process of designing your UX/UI portfolio, share what not to do and what to focus on based on hundreds of portfolios I evaluated this year.
👨🏻💻 About me
I'm a designer, entrepreneur and startup founder. I started back in the late 90's and currently my main goal is to share my knowledge, both paid and free. This channel is one of the places where I share my tips on design, user experience, growth, marketing, life and mindfulness. Subscribe to stay in touch. ❤️
#portfolio #ux #design
0:59 1 the font
1:37 2 the background
2:18 3 the header
3:52 4 the intro
5:01 5 show your work
6:02 6 resuma&contact
7:40 writing content
I absolutely loved this! I'm starting to build my own portfolio and this video is just the help I needed. Thank you for such great advice, Mr. Malewicz.
I haven't started to create my portfolio yet, but since now I'm actively seeking good tips to create it. Each time I watch your videos, I get a WOW sensation! You open my eyes and pull me forward. Thank you very much for sharing all your valuable experiences.
I'm new to ux design your videos are so helpful, learnt so much in just a week , I'm about to start the Google ux course then jump straight to your ui course
This is very helpful! I really want to make a web portfolio for UI/Motion Design work and this shed some new light. Thank you!
❤❤❤I love this type of videos! Thanks for share all you’re knowledge!😊
This video gave me so much inspiration and motivation to start building my portfolio right away!
Thank you so much!🧡
Such a nice advice and content.
You're so welcome! I'm sure your portfolio will turn out great! :)
Once again, a brilliant piece of advice from Michal. Thanks Michal for helping aspiring designers.
I also have to thank all the designers who sent their portfolio and then later told me they got the job - it helped me pick the best practices :)
This is one of the best portfolio videos I have ever watched. Really simple and well communicated. Hoping to have a behance portfolio guideline like this soon from you. Thanks.
Happy to hear that! I'm currently researching what works on behance and already have some insights so likely mid-September we'll have a dribbble/behance video too.
Thank you so much! This video is really helpful!
I am feeling very calm after this video Thank you
This is the best video I have seen today, and I have spotted some changes I need to do on my portfolio
Great to hear! Fingers crossed!
Thank you! It is a very inspiring and comforting video for me ❤️ reminded me that the world is a fine place with people like you!
Love,
an aspiring junior designer 🤩
Happy to hear that!
Amazing practical advice. Not enough videos like this on youtube.
Plenty of them on this channel tho ;-)
Love this I've seen tons of movies about portfolio on yt (maybe not that much, but I watched a few😂). This one is the best, exactly what I need.
Great to hear that! :)
Hey, very grateful for all those tips and advices that you give. As a person who is just staring in UX/UI design journey the way you structure the information is actually helpful. Will be coming back to this video when building my portfolio. Thanks again :)
Best of luck!
This is the video I needed. There are a lot of portfolios out there and to develop/create your own isn't that easy. You can easily get overwhelmed by the different possibilities and designs other people use. And by "you" I mean I got overwhelmed haha. Thanks Michal!
Simple is best - just focus on the projects and the portfolio should be functional for just showing them in the best possible light :)
I was so proud of myself putting my new website online just recently. Actually tried to make similar to google search term "best ui design portfolio websites". And now I see I have made a lot of mistakes according to this video. It's so difficult to learn and use the stuff you've learnt correctly when you're starting out. I feel like, apart from some concepts the majority seems to agree on, a lot of things are shifting always.
I loved this! I’ve just refreshed my portfolio and get down on myself because it’s really hard to know if you’ve got a good one when you start comparing it to some crazy skilled designers who’s portfolio page is a mess..but a mess of cool….but maybe not effective. Thank you teacher Malewicz
Don't get me wrong - you can have an "impressive" portfolio and still be effective - it's just really difficult to pull off. For juniors it's best to be effective first and foremost - focus on showing your work and a big, visible way of getting in touch with you :)
Thank you for this video, really needed it!
You're so welcome!
Without Michal I would be working my customer support job with no dreams and purpose because I just felt actually getting a design job would be so hard. He makes it seem attainable as long as you do the work which isn't that hard. Now, I'm still working my support job, but I have put together work and am continually working. I was turned down by my current job for a UX position, but I will find another. Thank you, Michal.
That is amazing to hear! Don't worry about initial rejections, it takes a while to realize what exactly your strenghts are and push them forward in a way that engages. Besides, I've seen that poster you did in Sketch, the graphics design skills are definitely there and that can be very helpful with UI's! Are you on our Slack group by the way?
@@MalewiczHype Thank you! I was in the Slack group, but no longer can get in.
Oh, DM me on Twitter and let's solve this, a lot of cool stuff happening there now :)
I love the way the video is concise and straightforward. Keep impacting lives, Mike..
That's the plan! 🙌
Yes, I very clear and concise. I It all makes sense.
this kind of content that i waiting from you :D thanks!
Glad you liked it!
Love this video, thx for your advice !
You're so welcome!
I am going to create my first portfolio tonight, thanks
Go for it!
This is the seventh time I struggle in a situation about UX/UI design and you upload a video just in time to solve my issue before I act. I have designed a responsive landing page and I didn’t know what to put in my presentation to impress and after watching this video I know what to do, I took notes while watching it. Once again thanks Master Michal 🙏🏽
Awesome to hear my timing is right :)
This....makes so much sense. Thank you.
That... was the point. Thanks :)
Wow! Cool and awesome tips! Have an awesome day 🥰🥰🥰
Thank you! You too!
Brilliant video! I have a question, though... If your work and contact info is clearly displayed on the single front page, what do the "work" and "contact" links in the header do?
Ah!it's so refreshing and will keep it simple
That's the goal!
Great video! Don't know if it went over my head or if you've made videos about it before. But what would be the to go website to build a portfolio.
Thank you it was really helpful 🙏🌸
Glad it was helpful!
i got what i want to improve
thanks malewicz
After watching this, I'm so happy I got most of the fundamentals right! I'm trying to build a really simple portfolio and it's coming along nicely.
Awesome to hear! Keep going!
@@MalewiczHype Thanks! How do I submit my portfolio for review?
I'll be back to reviews in October, I'll explain how to submit then.
Hi Michal!
Hope you are having a wonderful week.
I have a question, where can I find the 30 days UI Challenge?
Ahhh shit, now I have to redesign my portfolio again lol. Great vid
That's a good problem to have! :-) I'm making a very big video on portfolio tweaks (as a series of 3 vids) for February too
thanks dude
Yeah Poppins is clean looking
What do you think of my other three choices?
@@MalewiczHype Yeah they're all great. I'm just leaning towards poppins because that's what I used during the Mobile UI course, and am still currently using 😂
Thank you for this video, Mike! I really needed it. I was definitely planning on not adding the contact form. It takes so much space and I don't see the point of it. I'll be using Poppins 🥰
You're the best!
Yeah contacts forms used to be cool, but in reality they're a potential bottleneck and can cost you a job if for some reason the send script won't work ;) My favorite fonts right now (out of the free pool) are Satoshi and Plus Jakarta Sans, but Poppins is nice too :)
Contact forms are so 2000’s 🥴
@@startup-nation So 2000s but I keep seeing them everywhere on sites from 2021 and current 😅 We need to end this practice!
@@MalewiczHype Even I wonder if the company received my message or not. I can see why they never contact me 😂😂
What about fonts from the paid pool? Where do you get them? There are so many sites for fonts and several seem sketchy.
This is so helpful, thank you!
Your nickname is helpful in making me evening more fun, thanks! :)
@@MalewiczHype Thank you, lol. You always know in a 69 (who farted).
Michal, do you recommend us to create a webpage and to not limit ourselves only on Behance ?
I wonder what do you think about handing off the portfolio as slides with narration? I realized that presenting how do you reach project goals in a short summary makes impress non-design people who review your application 🤔
Thanks Man
Cheers!
Thank you for sharing! Are you suggesting to make the landing page less visually personalized ? Saw many web portfolios have strong personal visual features- illustrations/animations/interactions …..
Yes, for portfolios focus on the projects themselves as much as possible.
Nice nice nice nice nice! This is what I needed! Super knowledge. What happens after clicking on a case study? Takes us somewhere? :)
Well clicking on the case study should take you to the full view - I made a course on what's there :-)
Thank you for sharing
My pleasure
I love poppins font!
I have my portfolio on adobe portfolio (I'm currently moving to a different platform), and I had a contact form in which a company sent me a message about a Junior UX role, and I didn't see the message until a week after because the email was categorized as "spam" 😭When I contacted them they already had hired a Junior UX, I was so sad 😔
Yeah I've heard the stories about forms not working or going into spam from so many people - it really is a problem worth solving quickly - getting in touch with you is like the reason of the portfolio :) But don't worry, if they were interested it means your skills are market-ready and that means someone else will reach out as well. :)
Hey, you did exactly what I like and what I like to work with? Simplicity.
With portfolio it's all about the projects, not the website itself
Thank you for this very helpful video! How do you create the thumbnails for your case studies?
There are two options that work well:
1. A grid of shots (hi fidelity) showing that you created the final design and there's more than one screen
2. a more human touch with a photo and one or two screens only but it's way harder to pull off
Thanks for this helpful video! When it comes to placing a case study into a website, what is the best way to do that? Rebuild it live or add in as jpeg screens?
I'd go coded, or at least coded text so it's selectable and searchable.
Learnt a lot from your videos,
Sir you are mentor for me. I changed my career path from BS accounting and finance to Ux designer, it was bit a hard challenge for me but your videos helped me in improving my portfolio and skills. I live in Pakistan and I want to work abroad especially in Europe so I'm trying to apply in those companies who can sponsorship my visa. I have 1.5 years of experience working in small agency and some freelance projects.
Wish me best of luck Sir 😃
And I do watch your videos love your work and pls keep continuing this great work.
Thank you! That makes my day! :) As for your plan - go for it, it's all a matter of staying focused on the path and keeping at it. Those who quit early don't get to the success, those who continue almost always do! Fingers crossed!
Is it a good idea to include a video talking about the case study in brief, then followed by the documented case study?
I don't have enough research for video-case studies yet - many recruiters go through case studies very quickly so it's hard to say really. I can start some digging though as it's an interesting idea :)
Awesome video, just wondering are you saying to only present a few UI examples for each project and not elaborate on the design process at all? Would it be okay to have a page for each project that succinctly details each project? Thanks!
Oh definitely do elaborate. I made a mini course on what to do exactly in those case studies: gum.co/uicasestudy
Thanks for the piece, this is very helpful. But what of an ‘About page’, is it not necessary to be included in portfolio ?
If you have a lot to write there then sure - but in most cases it's just a simple 2-sentence intro that can be placed somewhere near the bottom of the main page. Most recruiters care about 2 things - your work and your resume. The rest is extra :)
I am in Coursera ,Course 2 ...with that i am following your videos..i am so confused and nervous at the same time..but your videos are really very helpful.. thank you so much Sir for putting so much knowledge and effort 🙏.
Don't be nervous, UX is actually WAY easier than most seniors decribe it to be. It's logic, common sense, simple research and then making something nice and testing it :) Just keep going and you'll do great!
@@MalewiczHype thank you so much for your kind and supportive words Sir🙏🙏
No problem! Just call me Michal though, sir makes me feel old ;)
@@MalewiczHype lol 👍😁
Mr. Malewicz I'm just blown up!
Many many thanks to you for giving us a Reasonable understanding of Portfolio thoughts
Happy to help! :)
Where do you guys host your UX portfolios?
What is your opinion on prototypes with animations and micro-interactions to show on the portfolio? Sure, why not, but for junior designers do you think it’s a waste of time? (I guess it’s better to spend the time and energy on more projects)
No, this can be a very good idea but I'd suggest using a GIF or a short video embedded as html5, not embedded figma prototypes as nobody clicks those. Showing something visual like that in a GIF is cool enough and makes a case study more interesting.
This is great advice - I'm going to to remove the contact form from my portfolio site I'm building 👍With the email address, what should to happen when you click on it? Is it best to make it so it copies to clipboard so that the user can easily put it into their preferred email?
Copying is one way, but some people simply make it easily selectable and on click it does the regular mailto:
Thanks so much for your awesome videos! Quick question - I am looking for work but also offer independent services people can purchase via my website. Thus, I have a small store on my site as well as a booking feature. What are your thoughts on this? Thank you!
That's a great idea and it's actually a direction we're taking our agency towards as well this year (having productivized services)
@@MalewiczHype Thanks for the feedback. I wasn't sure if it would send the signal to recruiters that I'm only doing independent services. Also, some of the services I have on there aren't really UX-related. For example, I have resume writing services on there since I've had a lot of people who I've worked with independently. But it's good to know this is something that isn't a bad thing to have.
This video mentions a lot of mistakes I made. I wish I had seen this video 3 months before. I want to hear more about how to structure the project content and the storytelling method.
I made a mini course on the project content that's available at hype4.academy right now - it's 3 hours of materials on exactly how to make a great case study :)
Thanks for the video Michal, really good advices, seems I'll update my portfolio soon. One more thing, What about Web designers like me, is they expected to go further with the design and build more "awesome" website to show their skills ?
If you're also showing your coding skills then you can try to something a bit more difficult, but not at the expense of clarity - I've seen stunning portfolio with side navigations and animations but they're harder to use and many recruiters don't have the time to figure stuff out ;)
@@MalewiczHype Thank you for the reply, and I agree with this as well, clarity first!, I'll take this into consideration. thanks
Hello, thank you a lot for this video, it's very helpful! :) I have a question about the situation when in my portfolio I have not only a UI/UX projects, but also a sports/esports designs, photomanipulations, and social media banners. Obviously, UI/UX designs are the most important for me, but I don't want to resign from the others. Which way would be better - show the "categories" on the main page or show a few UI/UX projects on the top and the rest below?
That's always a difficult question - if you're mostly motivated to get a UX/UI job I'd even say combine all the other types of projects into a separate sub-page and call it "other work" with a nice thumbnail - just so it doesn't get too confusing for the recruiters.
@@MalewiczHype Okey, thank you so much for your response! Have a nice day!
what do you recommend to include in resume if you don't have any experience designing at all?
one or two work experiences from anywhere - just to show that you know how working works ;)
Super filmik! Jestem w trakcie tworzenia swojej własnej strony z porfolio, więc uwzględnię wszystkie wskazówki :) Dzięki!
Polecam oczywiscie eksperymentować nieco, to raczej luzne ogólne zasady ale pewnie mozna je lekko naginac. Nie liczac formularzy kontaktowych - tego na pewno nie warto robić :-)
been using his case study course outline and not working! Its better to do your own thing with key details
What's not working?
Font
- Satoshi
- Plus Jarkata Sans
- Inter
- Poppins
Thank you! Very informative. What sites do you recommend to use to make a portfolio?
Webflow, squarespace and similar are all good - it's worth checking them on a free plan to see what you can do in the template they offer and simply pick one that's the easiest for you to modify :)
@@MalewiczHype thank you! I’ll check both of those out:)
what a coincidence. I was starting to work into my portfolio. since I can code some cool things, I can do 3d. and things like that.. I never finish it.
so, I'm now following your advice and I'm trying to just present my work the cleaner as possible. and if I need to put some sugar into it. iterate into it. and don't wait it to be perfect to launch.
I ve lost so many time working in my portfolio that I could have improved my UI skills doing actual projects.
By the way. how can I present myself as a developer/design.
am I a creative coder, UI Developer, UX Engineer?
I don't feel confident saying I'm a "unicorn" or something like that XD
Yeah it's tempting to go all crazy with portfolios and focus on the how and not the WHAT - but in reality people are coming to the site for the WHAT, so if the HOW is obstructing the WHAT they leave ;)
Do you need to code your portfolio for uX design?
would this be similar to what is taught in the "How to build a case study" in your courses from Hype4Academy?
This covers what happens before creating a case study, so it's like an intro to that course.
@@MalewiczHype ahh great! thank you:)
I get a tonne of recruiters reach out, they are impressed with my UX experience, but I hear nothing back after I send them my portfolio. It's the same cycle. Any tips?
Ask them afterwards? See what may be missing there :)
Hey Michal, I really liked this video but I wish you had gone more in depth on what your actual case studies should look like. Maybe that information is saved for your course? Anyway I just think that since all the focus is ultimately about our work, the video should've focused on presenting our case studies more.
That part is all in the mini-course, so this video was about what comes before the actual case studies :)
@@MalewiczHype thank you for responding!
what about Roboto font?! :D
It's a bit overused.
What about Roboto?
It has improved from the early days, but it's a bit overused so I didn't suggest it. Not a bad font, just too popular.
Whats the website to build this portfolio?
That depends, you can use wix, squarespace, webflow, readymag or others - just find one that's easiest to work with for you.
Hi Michal. Thanks for all the advice. I wonder if you do have any portfolio review service which I can buy, except the one Ui feedback session you have on the Gumroad? Or maybe you know any reliable similar service that you could suggest. I feel I really need an expert to look at it and give me a list of all the mistakes I have on mine.
I do free portfolio reviews on this TH-cam channel every two weeks - as a livestream. If you follow me here and on Twitter you can submit your portfolio using a form that I share a week before each of the streams - I do the first 10-15 portfolios submitted per session.
@@MalewiczHype Thank you very much. I just followed you on Twitter, and I will def do that. However, is there any one-on-one paid session, so I get more in-depth guidance?
I don't really do 1on1 video sessions at the moment (too much going on) - I do feedback rounds though (very detailed ones) and the one on Gumroad is exactly that - a loooot of comments on what works , what doesn't , why , how to improve etc.
@@MalewiczHype Thank you for your response. I can imagine how busy you are. I will try both then.
You said create a one-page portfolio and don't have any links going to subpages ...but then at the same time you said add thumbnails 🤔
By "one page" I mean you don't need a separate ABOUT ME and CONTACT pages - but yes, case studies need to be separate pages. Sorry for being unclear.
Although I appreciate your work, this is merely the bare basic... Could there be something more Advanced regarding "Portfolios"?
I wanted to cover how to start here - we'll explore some more advanced things in the future too + I have a course on what to write in the actual case studies already available :)
@@MalewiczHype Could you share the course's URL?
Anyone know if bootcamps are worth it ?
Depends on the bootcamp.
What types of bootcamps are actually good
I don’t want to be spending so much and not making a difference
Nice video as always malewicz, for someone who is approaching his 3rd year of experience in UX/UI Design, can that person be regarded as junior?
I'd say it can be used as a blanket term for someone who hasn't yet worked (a regular paid job) as a ux/ui designer - no matter the years.
@@MalewiczHype Nice😊
making a logo is not that difficult haha wtf ... keep in mind that anyone looking at it will have a different perspective on taste but creating a logo is not that difficult lol you got multiple ai logo generators even
Thank you for helping me out.
Awesome! :)