 Remember the more clicks the more work the more inconvenient. What up everyone today? We're doing portfolio reviews If you guys don't know I got a new email. It's Mike at grindreal.com. You can send me your portfolios resumes I'm gonna review them on my channel I'm gonna try and do one or two review videos a week right now I have enough that I can actually split it into different videos, but one week I only have like one resume two projects and one portfolio Maybe I'll put them into one video everything I'm gonna say in this video is purely based off of my opinion and my experiences and Sometimes facts but take it with a grain of salt. Don't strictly listen to me But maybe just take into account what I have to say if you guys have any advice for anyone who's given their portfolio Maybe I said something that you don't agree with feel free to go in the comments and let us know and we can have a little Discussion and figure it out. Alright, so let's get right into it. So here. We got Kevin's portfolio website This thing looks good looks clean one thing off the bat that looks a bit weird to me is this slanted line here I'm not sure what you're trying to go with here because nothing else on the page seems to be slanted So I don't know if that's a mistake or if that's on purpose, but I would just take that into account Got your LinkedIn github YouTube and resume. Let's see. Alright, so YouTube's empty But cool resume taking me to a download link perfect. So first thing we see is your skills here That's cool. That's fine, but I wouldn't put it as the first thing on your site I would move it down to something else because I want to see your projects your portfolio Think about it almost like a store for your projects You want it to be the easiest to make a sale and in this case the sale is hiring you and getting that drop So you got some projects here. They look good. Let's see what this link brings us to Okay, so bring this is a Naroku app. It's gonna take a minute to load So while that loads I'm gonna look here. Do I have a code link? I do I feel like that Github button is a bit hidden there So maybe move it down to a button here that says host it up and code or something like that I like that you show the tools that you've used. That's good I always like to see that maybe a little bit more of a description like what the site is you got a bunch of empty space here So, you know, feel free to do more things. There may be even more screenshots. Make it like a grid of screenshots That's up to you. I like the style. It's very clean. You're taking me through your sites You get calculators. So yeah, you got the code and you got the project for each one That's perfect. Nice job at the bottom. We've got two You to me courses that you've done it seems like oh, this is your education so right away that that got me off a bit because it doesn't seem to be very aligned so Maybe fix that up and the font is very small So it kind of feels like that thing at the bottom where it says like a contact us or about us or company values or whatever So maybe you make it a bit bigger if you want to emphasize it more But again, this is something that should be going on your resume One thing I would do for email is have a contact form So there's actually another project that has one of those But you have an email input and a box that says what's your message and that automates the email straight to you So it's super easy because with this it opens up this windows email stuff And I never use this and it's pretty annoying because now I have to go and find your email and copy-pasted into Google or Sign in with the Google account into this app, which I don't want to do So like I said, it'd be a lot easier to have a contact form. Nice job Kevin Now we're gonna move on to at least ours website. If I'm pronouncing it wrong, excuse me. I think I'm just gonna say I'll leave That's okay. We got here experience UI UX design and resume. That's perfect big buttons. Let's see. Oh, that's really cool All right, so projects What happens when I click on this? Oh, so this is a design project. Okay. Got it So there's not gonna be any code now It's great that you want to make it so I can see all the projects you have But make sure they're all projects that you're comfortable with because some people might go and decide they don't Even want to click on these they might click on view more and they might make their judgment based off of a project that you might Not want to show so just take that in into account. This is really cool I don't understand this design here how it goes one two three I would just go with the simple list or a grid, but again, that's just my personal preference I'm not the UX guy you are You got resume here seems the links broken. Oh, I right-click. Never mind. So you got download resume. This is perfect You got email and everything that's awesome here. You got some of your skills, which I thought were clickable here You got your social medias. I would get rid of those. I would keep the github LinkedIn but Facebook and Instagram I would not put there They don't need to know your personal information They should know if you're good for the job if they want to know if you're a good culture fit They'll figure that out when they give you an interview Which is the whole point of all this work because this is not what's gonna get you the job This is what's gonna get you interviewed and then basing the interview is what's gonna get you the job So anyone can go and make a good portfolio and spend a year on it But interview is on them on the spot in the moment and that's when they really make a good judgment If you're good or not for that job. All right now we're on to Kelvin's project Kelvin one thing I'm gonna say right away is your website is not secure So I did have to tell Google to trust it that right away would have been a red flag for an HR person So make it secure. Don't make them feel uncomfortable. Make it a fun experience for them to go on to your site I'm loving this super simple It is a lot of white space though, and I'm trying to get through this Portfolio as fast as I can to know if you're good or not or I'm gonna move on to the next one So maybe fill this in with some information that's relevant towards Figuring out if you're good or not good. I Get the JS name here, but I'm not sure if you should do that this portfolio website I'd be putting your name here So first thing we see here is about me and education These are things that should be at the bottom or on your resume what you could do is you can throw the about me up in here and then you can right away go to your project and Education could be at the bottom because that should be on your resume and this is meant to see your project I'm absolutely loving this display here. You put your mouse over the color pops in and it gets bigger than all of the other ones I'm loving that. This is super awesome. I feel like I should have done this on my portfolio a while back here We got the repo what happens if we click on this? Do we get a hosted link? Okay? Cool, so we got the code and we got the host link one thing I'm gonna say right now is Try to make it the hosted link instead of it taking over the current tab You're in make it have it open another tab so that I can always just close it and go back That's just a personal preference I can always click on the back button But it happens where you go here and then you get lost in the website and you just start going through pages and then you realize Oh crap. I closed the portfolio. So that's just personal personal preference. These projects look really good Kind of want to go through some of them. Let's see These are really nice. They don't really scale. Well, I don't think on my monitor And this one seems to be loading in assets a bit slow. So maybe look into Why it's doing that these look really good. This is a fully interactive prototype Now, can I use it? That's really cool. I didn't even know Adobe XT does it so I can actually use it Okay, that's really cool. Nice job I would even make a video maybe explaining the app and taking people through it if you're comfortable with doing that Here we got your skills Thank you for not putting that at the top because that is what's meant to be on your resume You say react coming soon. I would not do that either you put react or not coming soon It's subjective like to me That seems like you've done one line of react and you say you want to do it Or that's like saying you want to do it, but you've never actually done it Why work with me passionately about development quick learner adapt sounds good Feel like the font at least on my monitor doesn't really pop out So you can make it a little bit bigger or a little bit more bold. This is probably what it looks like on your computer But again, I'm on a bigger monitor. So I get that awkward stretch the bottom here You got your resume link. I'm assuming Instagram email and github again for emails. It's easiest if you put a contact form It's super easy. You don't even need to have a bag in for this There's a couple of packages out there for front and they could do it and it's really easy resume download link I put at the top. I don't think you did. Yeah, so again all this white space I would fill it in with a bunch of things I would first of all put your name here You could do the breed out just maybe somewhere else on this But your name is important to figure out your name I actually have to go up here and read Kelvin Breed Oh front-end developer Just because for a second I forgot your name and I closed the email. So nice job Kelvin We're gonna move on to Matteo Brogan's website. Let's refresh it because I think there was an animation Hello, Matteo Brogan iOS and full stack developer. Nice. Let's see what we're working with. This gives me a big Apple feel I feel like I'm using an iPhone right now. Wait, do these so those load in late or was it just me? Yeah, so so I can't actually this is like rule I learned when I was building my portfolio, which has never withholded information With an animation like animations are cool But the second that they hold information back or stop the user from using the site That's bad because you're kind of putting them on a constraint of how fast they can use your website So I would load these in right away. I didn't even notice them But email here LinkedIn GitHub and Apple what says like your Apple developer Oh your Apple store you got some apps on here. Okay, cool. Let me move on to this So skills we got mobile development perfect web development back in development looks good I would break this up. Maybe front-end and back-end Again skills are not the most important thing to put on your portfolio site That is for your resume So you should be putting that at the bottom and your projects at the top We got some nice projects here, but we don't have much of a description of what they are other than the name I'll have a quick click on this Okay, so it opens up an app store. Is there any way for me to test it without having to download it? That's really cool. So I can actually go through the pages by cleaning them. That's really cool. Thank you for doing that Mateo What I would do is go on YouTube and or go in your phone and screen record and post it to YouTube If you actually using that I'd make it so I don't have to download that I don't have to see pictures I can actually see that being like see you using the app in case there's any animations or anything Specific you can't show through picture or you can always do a gift and then shove the gift within that picture So you go and you you play with the app Let's say you play with the home page app and you have the gift play Inside this phone and also I make a little bit bigger just because I can't really see what's inside there without you really getting Myself close to it if I make it bigger. Okay, so if I make it bigger, it's a little bit more clear But yeah, this stuff looks really good. I'm loving this portfolio. It really gives me the Apple feel and here you here You go guys. This is what I was talking about. This is beautiful by the way I don't know what you used for this but that is a very nice contact form nice little drop shadow on there Did you make this yourself? Looks like you made it yourself, but I could be wrong Yeah, it looks like he actually made it himself and made by Matteo Broglie in 2019 That is a great portfolio guys This is what you want to go for simple clean very fast move the skills out of the way I want these projects shoved in my face. Remember the more clicks the more work The more inconvenient and it's not that it's a bad thing. It's just The HR people are going through so many portfolios that they lose the sense for design and now it's just trying to get the job done So great job Matteo. Thank you for submitting. All right So now we're going over Ryan's project Ryan The first thing I want to say is as cool as this background is and as cool as your text is They're kind of blended in together the background is very busy and it's hard for me to see, you know, what's going on So what I would do is add a big black box maybe with an opacity In between the text and the background to contrast the text and actually make it pop out more because right now there's like This blue and white in the background and it's just it's hurting my eyes Just my personal preference. That would my resume. You got github stack over full LinkedIn CodePan Instagram Skype Facebook and email. I would get rid of Instagram Skype and Facebook if they need that which they shouldn't they can always ask you email You can make contact form if you'd like if not, you could just do this personal preference I hate this Windows Microsoft email app. So I try not to use it scroll down. I get pushed into this where it's just about me All right, cool again Contrasting it. It's very tough to see with the background. Does it change with size? No, it's still very busy. It's so bright in the background So overexposed and then you got this it just it doesn't make sense So either lower the opacity of the background or shove a box around this You know to make it pop out more because look at this It's kind of hard to see you see how the E right here is blending in with the white background right there There's personal preference. If anyone agrees with me, please let me know in the chat and we can tell Ryan that I'm not the only one. This is really cool. So this is all of these things you've done. This is websites Now if I click on it, what happens visit page visit? Okay, that's perfect That is perfect You got a lot of projects on here So make sure that you're comfortable with all of these because they might click on one and they make a Judgement off of that one specific project languages, you know, you got the skills here. These are just boxes. That's perfect API's I may use that's cool. And now. Oh, here we go. So right here. You got contact form So maybe if you'd like if you want to stop this This mail button from opening up this app You can actually click this and it can auto scroll you down to the contact form that would work, too But really cool portfolio Ryan I hope with those couple little changes this thing will look a lot better You guys feel free always to resubmit or we could do like a video where we go back over like 20 or 30 portfolios very quickly and just see like the changes they made and if they fixed it if it looks better If it looks worse, that could be cool. Alright, so we do got a couple more portfolios, but this video is already very long So I'm gonna send them from the next video. So for those of you who emailed it to me and it didn't get reviewed I'm sorry, but we're gonna go and use do you in the next video So you can be one of the first ones the email is Mike at grind rail calm I'm gonna review them at least once a week and I really hope these videos are valuable I'm still trying to figure out how to portray the way I feel about a certain feature in a constructive criticism type of way Not just like this looks terrible. This is absolutely amazing and you know over hype it or under hype it Excuse me for that, but I really hope this video was valuable to each and every one of you and thank you so much Everyone for being here and being a part of this video I'm gonna go and film tomorrow's video, which is how to do proper documentation on your see you guys tomorrow