Live UI/UX Review! - Submit your design
Key Takeaways
The video reviews UI/UX designs using Figma, providing feedback and revisions, and discusses design principles, layout, and typography. It also mentions a UI/UX design course with 16 hours of video and 40 interactive tests, and offers a coupon code for a discount.
Full Transcript
[Music] [Applause] [Music] [Applause] [Music] what is up everybody gary simon here negative space yet another episode i don't know how many we have probably well over a hundred um anyhow so for those of you who are new this is just a live ui ux review where you submit your designs instructions in the youtube description down here i'm not going to go over that um you can see this is the discord server where people have submitted already and i take a look at what you've designed and i give you feedback sometimes i'll do even revisions if you submit a figma prototype um and i'll give you a rating from one to ten one meaning the worst and ten being the best and we'll also get the chat involved with the rating as well all right so uh before i get to that we are going to do this that i might rate a four or five up to eight and beyond but more important than that as a better designer this means that you can land higher paying clients in jobs this course includes over 16 hours of video 40 interactive ui design tests and even mentorship where i personally take a look at your work that you submit i review it and many times i also revise it providing you with great feedback to help you become a better designer now during this stream only you can use the coupon code stream 22 at checkout to get 22 off now you better hurry up because at the end of this stream i will deactivate this coupon all right let's get back to it yes do not spam do not spam in fact you're being put in timeout all right so let us go ahead and get started all right so the very first one that we have ready to rock is table rabbit very interesting name let's check her out all right sure yeah whatever i hate the cookie banners i hate the government the eu for implementing that it's such an annoyance it does nothing anyway i understand why people have to do it though okay so all right so we have interesting uh gradient type right here looking at the the uh headline or the navbar rather the navigation all looks pretty solid to me all right um i don't like this area right here specifically with the uh the white space the vertical white space between the elements i think it needs to be separated out a little bit further so if i get up this we're going to choose that and we're going to do margin top like uh 2m units there we go maybe now a real quick way perhaps that'll work as transform um scale 1.1 0.3 yeah there we go of course transform origin would need to be left so i don't want it like sitting off here but it needs to be larger and pushed down more um not like this right here it's a little bit too small looking at the illustration it works pretty well in my opinion you know you got the required this dude right here is like a lumberjack person always something has to be shown these days he's a tech lumberjack guy um looking at this next section pretty good i i if possible i always like to have the same amount of lines when it comes to your features section so this one has four but these have two it creates a visual imbalance in my opinion so if you can just for the sake of you know the the the aesthetic and and being consistent add more lines um i like the soft subtle view more button um this is looking pretty solid right here now i think this area is just a little bit too washed out there's not enough contrast especially with their formal elements here so maybe you could take this little this little glassy container right here and um just just try to make it maybe all white actually um and then maybe outline your elements right here now that's a placeholder value do not want to do that you want to be a floating label if you're going to take this approach always need to have a label in view even when you're focused and taught and typing all right overall pretty solid one being the worst timing the best what do y'all think this person should get for me i am going to give this here a rating of 7.7 i would say i think that's pretty solid it's pretty there's a lot of stuff happening right here i like the type i like the colors overall pretty solid awesome stuff next up is and it's not wait it wasn't loading and then it started loading oh what is this all right so i think that um um initial animation was actually pretty cool but then i think we have an issue so what is the issue here so i think the uh at the top bar working pretty good i really don't like this font euro style um i think uh you could definitely improve on your font selection it just feels amateurish um and then a big issue i would say or a pretty big issue is your call to action buttons they're pretty hidden um it's kind of hard to see them what i would be doing is taking your portfolio and making it this state the hover state make that the default state all right you want that to stick out more you can leave this secondary contact me as it is but this one should be emphasized more whenever you have two call to action buttons inside of a hero section you never want to just style them exactly the same you want to emphasize one over the other next up um all right so about me two column approach here all right so i really i don't like this format this two column format we have the name uh label and then next here it's it's not even aligned correctly um they're all over the place the value right here is you know there's just they're not aligned correctly if you're gonna take this approach move the values or the answers to the questions like name age nationality for higher in their own column where everything's lined up to the left you know in this area same thing right here it just makes it hard to follow and read and you know i've i've talked about this a million times before i've even done a video about it um progress bars even though you've done a unique you know interpretation of it here i would scratch that because you just really you're showing people what your core weaknesses are essentially um like what if somebody needs electron js and you're being 100 brutally honest and you're only 40 but they might have a simple project you could do it i wouldn't do progress bars this is something that's been talked about i think it's pretty much unanimously unanimously agreed upon get rid of progress bars just show what you're good at and if you want you could put your years of experience all right next section here now what's strange here is i can't click these like these aren't going anywhere it this isn't a good example of like a portfolio because i i'm i want to be able to look more and see like the full version of what you've done and preferably live websites as much as possible this is just thumbnails with a little bit of uh descriptors on it and i it's just not showing me enough i want to i'm going to be able to click at least expand and see the full version all right let's see if this person used floating labels no they did not so that's zero for two so far gotta use floating labels if you're using this approach all right one being the worst ten being the best what do y'all think this person should get for a rating and by the way i would take this and make it smaller yeah like 1.7 rem units that way you establish that type of graph official hierarchy a little bit more hi my name is blah blah blah nobody really cares they want to know what you can do for them so that's why you make this bigger so for me i got to give this a rating of i'm going to give this a rating of 6.6 or so or maybe 6.5 maybe even a little bit lower like 6.3 and now i think about sorry your score just keeps going down and down and down all right next up is peacekeeper who actually i think won a free copy of design course and it's not loading the last site did that but then it loaded what is how you know i i got a new wi-fi set up last night there might be something behind that i don't know all right i'm reminded of winter we got little snowflakes kind of going out here randomly the problem is that they're really high contrast so they're a distraction like i'm not even trying to read your site because these things are just distracting me like crazy so if you're gonna keep that you know squash that to like three four or five percent that's it i wish i could just get rid of them entirely because i'm trying to read this stuff and this stuff's floating all over the place you don't want that all right now as far as your type is concerned your uh navbar looks pretty solid yeah see like that it's still just as distracting um with these floating things um the type here is good pretty good for the most part all right so i feel like this could be just structured a little bit better in this this area because you have two cards over here but then you have like this empty space so i feel like you know maybe keep it simple and just put these in three columns take this one put it here in the middle expand this out a little bit more um just do something to to avoid this big gap here they feel too disconnected i like this section pretty decent might as well just go all white by the way i can see that's like it's like an off-white it's not quite white pure white rather these two this gray that you have applied just make it white that big old eye that is huge that's a huge arrow i'd make that a lot thinner it's just taking up a little bit too much i don't know it's just too big in my opinion this part's pretty good again this is highly distracting with these these floating orbs all over the place i would take these little left right indicators and put them over here to the side so that they're more obvious all right at least they got the labels right on this one all right won't be the worst timing of the best what do y'all think this person should get for a rating by the way everybody stream 22 designcourse.com for 22 off during this stream only and you guys are gonna if you if you join up and especially join mentor you get my direct feedback and you become for the most part a badass designer or at least you get your your your grounding i look at your work i revise it and we do that over 12 plus different projects so for me i'm going to give this a rating here probably just like a mid-six has potential but these floating things are just screwing it all up so yeah keep on keeping on all right so mango alrighty things are feeling just a tad large in my opinion um like the the the nav the nav bar um let me let me do a quick oh i don't like when people do that they this person did not include the type unreal well i can move it over here all right there we go so here's the original here's my revised i think we need to scale things some things down just a bit like that around there we'll put this right around here all right we'll scale this down from 29 to like 24. all right buy and learn more we can kind of move here we'll take this stuff move it there um this section yeah 24 again would be fine buy now it's kind of big i would scale that down quite a bit in this area but leave this one this size um there we go so we're going from this here to this it's just more white space all around to help frame the design a little bit better all right next up this part not not too bad i would like to see these like a little bit higher up actually i might as well just go to my one i can edit oh actually i shouldn't because it's not including certain things in the frame again i would just kind of scale down these a little bit yeah just your type and your various things your various elements seems like they it's a little bit too large like the browser's been um you know pushed up also real small things like this you know you see have a container here but then this one's offset to the right by you know x amount of pixels so you want to make sure this is aligned right along this invisible column right here all right one being the worst ten being the best what do y'all think this person should get for a rating boha it's usually between three to five days so what i'll do is like every two days like every other day i'll go through the list um and if there's like ones with four or five days i'll knock those all out and get all the way down to where there's just people waiting for two days usually it's like around 20 different reviews i have to do and it's sitting all right for me i'm going to give this here a rating again it's going to be like 6.3 or so next up capped ked this statue who is that what person is that supposed to be i forget you see this a lot in like synthwave and retrowave alright um let's take this and edit it all right so for me i kind of want to take this area darn okay let's see here there i didn't want so close to the navigation up here i'm also not sure if that's the right approach maybe something like that no more this whole section is kind of small like that scroll indicator icon i would uh i would make this whole area a little bit larger and of course you would animate that or the intention would be to animate it this whole area needs to be moved up to like right there there's too much white space and then these areas right here should probably be a little bit more watermarked so pass through and maybe even just um i don't know why they're where's the fill at the hell there we go i would make those grayscale i would work on this button here too this is it's it's not a good aesthetic oh and it's also what the heck yeah that's i rastered it's not a vector you want vector for sure i mean this car parts okay i'm not too sure about the whole you know the circular approach the half circle um i think it might be best just to you could keep these little lines here but just put them all in the same column that way it's a little bit easier to follow along with all these i'm not going to make adjustments to all the positions but um yeah just move them all all over along the same column come on move over something like that and then move it over a little bit you know to the right and then you can still keep the little the arrows and stuff all right now see this section right here has a big issue with alignment so we have a column if i hit if i get our guides out we have a column here we have a column here and then we have another column here and there's all this empty white space and there's no semblance of structure for the most part so like my work hire me all right that seems like it might be a button um so i would restructure this and probably put this whole section on the left expand it out i maybe take a right around here um and then i have i'd have a section of um type right here like alternative means of um contacting you could go right in the second column because sometimes people don't want to use an online form you know show your email address i and don't worry about spam whatever that's a price you have to pay give them your email address don't make them do a captcha or anything show a phone number i mean if you really want people to hire you as much as possible give them many ways to contact you um mention your skype uh all that stuff can go in the second column all right one being the worst 10 minute best what do you think this person get for a rating muted i'm not muted am i i don't think i'm muted better not be muted test test testing test yeah i'm not muted all right so for me where is everybody nobody's talking oh there we go um i'm gonna give this one a rating of i'm gonna say like a six point zero derek after i do this review i'm going to be knocking out the mentor submissions all right so i gave that a rating of six all right cool next up oh i forgot to check the mobile design sorry either way i have to try to rush through these so i typically don't do mobile as well all right all right so looking at this too much leading which is uh line height all right these words are separated a little bit too much in my opinion so i'd bring them together css that'd be the line height property also you're kind of leaving me hanging i mean there's really not much happening here there's no navigation there's no call to action so you're kind of leaving people hanging typically you put a call to action right here i do actually like the the uh the colors all the colors work well you're using similar colors and the illustrations pretty solid next up big issue here is lack of white space inside of this area right here so you want to bump that up quite a bit and i probably wouldn't put five um cards in a single row four max i would say and then increase the white space inside as i mentioned looks like this is kind of unfinished or it's just like there's not a lot here um so i'm not gonna bother with a rating i did give you some feedback though um next up woda tarek by the way if you're a mentor student i'll get to the review after this stream i have to do it within my system all right um next up let's see hello there i'm woda all right so the big problem here i've talked about this a lot in the past if you have a headline um you don't want to use it just to state your name a lot of people do that on portfolios that's not what you want the headline is supposed to be you know a key marketing ad copy feature um where you're emphasizing and uh you're emphasizing benefits and you're playing on emotion all right a feature of you is your name that's secondary that can go somewhere else you already have up here as your logo anyway um so you know i'm a front-end developer who enjoys creating beautiful websites okay that's still a feature so you know look up ad copy marketing um and features versus benefits do a search for that on google and you'll understand how to structure a solid headline and then a sub headline sub headlines usually for the things like you just said right here that you know like a feature of you is that you're a front-end developer but you want to take it in next level next step when it comes to your ad copy for your headline like um off the top of my head you could say something like i'm i'm going to make your app realized beautifully on the web or something you know something like that just play on emotion i mean if you've ever seen cars insurance commercials they never talk about their service it's all about stupid stuff like freaking uh talking birds and talking geckos and like it's never about features like what about car commercials right there they don't talk about the features of their car very very rarely do they uh most of the commercial is all about how you feel all right so it's the same thing for this as well not too bad here for the uh the the cards pretty good i wouldn't make this you know this is a a thicker font way i would make it a little bit thinner yeah bibbidi mutual i hate that freaking i hate that guy it's so stupid all right so like my skills why are you putting that in two different lines i just put them all in one line uh myspace skills that would make more sense and of course i already talked about this at the beginning of the stream don't do progress bars for demonstrating your skills all right this this part's not too bad right down here it's a little bit sparse in terms of like just a little bit wonky uh with the alignment and your white space like get in touch with me when there's two different text underlines underneath it unnecessary it's just cluttering it um so try to rethink that simplify simplify simplify as much as possible all right one being the worst tell me the best what do y'all think this person woulda should get yeah it's like how do you even arrive at a number of 69 percent for javascript like if you know one more method does that get you 70 all right for me i'm going to give this here a rating it's actually a pretty solid here i like the colors and the types good and all that i'm going to give this like a 6.8 yeah all right so we are halfway um which means we're going to do this all right time to take a break from the reviews now chances are if you're watching this video you probably want to be a better designer and if that's the case how much do you really want it because at designcourse.com i've created a ui ux course that will help you go from designing layouts that i might rate a four or five up to eight and beyond but more important than that as a better designer this means that you can land higher paying clients in jobs this course includes over 16 hours of video 40 interactive ui design tests and even mentorship where i personally take a look at your work that you submit i review it and many times i also revise it providing you with great feedback to help you become a better designer now during this stream only you can use the coupon code stream 22 at checkout to get 22 off now you better hurry up because at the end of this stream i will deactivate this coupon all right let's get back to it all right make sure you join up i see a couple people already took advantage of that stream 22 will be discontinued here and disabled after this stream is over all right so next up i think is retentive landing page all right or retentive landing page all right refresh turn your help center into a revenue center see now that is a solid headline that's what i was talking about i it's catchy um it gives you a vague idea of kind of what this is about and then your sub headline will get into the more specific features so that's best all right um eight minute setup powerful integrations all right very good card design here yeah this is all pretty solid here i don't see anything that's majorly incorrect very solid gradient approach yeah i like this a lot one being the worst 10 minute best what do you think this person should get for their design me i'm going to give this here an 8.3 i think that's quite solid yeah very good all right so peacekeeper if i have a little bit of time at the end i'm gonna i'm gonna skip yours because we already did one for you and i want to get to as many people as possible so that means we're going to hypebot alright so the only discard discord discard discord bot you'll ever need now just quite empty around here uh you can at least if you have this much amount amount of white space here on desktop i would at least have texture of some sort in the background so i define texture as you know it could be some something as simple as like a really simple line based illustration that's watermarked in the background so it's not high contrast so that so that your type still is you know what people see first um it could be a pattern it could be you know i could be a photograph that's been you know watermarked big time just something to give it you know to break up the monotony of this now of course you also put an illustration here or something just to make it look a little bit more so again hypebot you're putting the name and that is redundant i don't want to keep on harping on this too much but this is your headline don't put the name your business don't put your personal name think about something that's going to really wow people a little bit more than that um looking at the cards i i would take the type here for the descriptions and just to separate it in terms of visual hierarchy i would do um color i'm just going to put it gray but we don't want to use gray we'll take the background color in which it is sitting right there and then we just go up like that that's what you want that color code is 768997 if you want to stick with that that's a little bit better maybe increase the the the contrast a little bit more but that way it's going to make it um separate this type a little bit better from itself and then also inside of here you want to put the padding um equal all around so like two rem that's better way way way better before the things are too close to the edges of the card so if i refresh that's what we have before dude tarik hit me up on discord not here and there's no way you're waiting two weeks because currently the longest somebody's been waiting has been five days so something's wrong all right um one being the worst time being the best let me know what you all think for me i'm going to give this a rating here just yeah again it's going to have to be in the sixes a lot of six ratings today unfortunately this logo by the way should be improved too and then it just you have hype here and then hype there you want to refactor that big time all right next up yeah i don't know what he's going on about unreal if i go to mentor these are all my design uh submissions so i have to i have a lot to get to today um so he's probably here there's no way the longest somebody has been waiting has been five days and i'm gonna be getting to all these probably all the way to here so yeah i'll get to it don't worry all right let's check this one out i like this type what type is that oh it's poppins of course i like that type all right so this here this logo needs work so rethink that if you do if you have to you know ui ux designers aren't identity designers unless you're me and you are an identity designer but typically if you're a ui ux designer you probably don't have a lot of experience with designing logo so hire somebody to come up with something this it just really looks generic so rethink that um home services pro okay that's quite a few one two three four five six seven i would probably take contact and put it over here into a sec a secondary nav that way you don't have so many links next to each other also increase the white space between them um coming out here all right so i'd like to see a little bit more uh vertical white space in these sections to help frame them more more padding and white space on the inside of these cards they're pretty close to the edge here of these card containers center these everything else is centered in this card right here except this you have these left aligned so center those as well oh tarek you're not even a mentor student no listen like we restart over when it comes to these live ui ux reviews so i don't keep like a list of people who submitted previously you just have to be there on the day that i do it all right that i do these rather all right so one thing you don't want to do there's two things that this person did incorrect so first look how long this this navigate i mean this form element is here this message it's all the way across you don't want that makes it hard to use and you also don't want to put the same exact value for your placeholder when you already have an explicit label above it and especially when it comes to things like name email message there's no reason to put a placeholder value it's just redundant and people already know what their name is it's not like you're asking for complex information so i just omit those it's redundant so i put this into a two column layout this goes on the left and on the right can all this stuff can go on top of each other one being there were one being the worst 10 being the best what should this person get for a rating there's actually really good usage of illustrations the colors are solid i like the type for the most part just a few small things here that need to be improved all right so for me i'm going to give this a rating here of a 7.3 i think i think that's pretty pretty fair it could definitely be an eight if the things that i mentioned were fixed all right check out my project i think this is wait no that's the one i just did all right what do you think i made it for a media company that deals with s i thought it says escorts esports creators and streamers okay that's kind of large all right so nav gets a little bit hidden because of my the background elements here the the photograph so you could put like a straight up bar across that like a white bar going all the way to the very left and right and just make the text black uh let us be your player too pretty good verbiage or copy for your headline this is a little bit small the sub headline and the book of calls a little bit small as well so rethink that our creators blah blah blah not too bad in this section all right so this type is too small inside of these cards right here so i would i would rethink that a bit make them um definitely larger than what you have going on here all right so for the most part this is pretty solid it's not realizing the browser not going to really deal with a rating with that one let's continue on js expert all right first thing that is really i was just talking about this don't do this whole just you're just why would you put full name in the the uh the placeholder value when you already have full name just above it why do that this whole thing needs restructured having a big required looks like a button right next to it no no no no gotta fix that big time um so and you're gonna make me join i'm not joining so therefore i cannot review your app sorry i'm sorry nobody noper i'm not going to join during this stream so take that off next time and i will review it because i can't see it otherwise all right so this is a little strange to me it makes you feel like the layout's almost broke um so like because you have this big open area and you have the design it looks like this is supposed to be just placed right here and then things should be pushed over all the way so i would rethink this um you could do this sort of thing but if you had home projects about me like over here i would rethink this for sure i like the colors this is probably poppins as well not a bad section right here the types all structured pretty well i would remove that subtle background color and just have the icons themselves right here and then also have a an actual contact form people sometimes prefer to use a contact form or if they're on phone or something they'll have an email client set up or whatever they can contact you without having to you know memorize or save your email or something like that all right quite simple one being the worst tell me the best what do y'all think this person should get for me i'll go ahead and give this one a rating of it's definitely not a four i mean there's there's good type happening here it's just a little bit strange with the broken layout stuff so i would give this like a low six somewhere all right next up um i don't want to skip people wait a second i just okay i'm loading these up on the other monitor and that one doesn't work sorry why are these websites not loading that's two websites in a row that are not working can you guys verify if this right here does indeed not work this on the wall or whatever i'll put i'll put the link in here i'm starting to worry about my internet like i'm going to try to go to it again it's just not loading this big one's loading uh i just skipped somebody well somebody's this was not working that one was not working and then this one didn't work either heroku oh those were both no one's github and one's heroku they're not loading wow what is happening somebody else said it doesn't load this one econscraper.heroku app well i mean mine's just giving me this error this site can't be reached so it's not even i'll have to look into that i got a new router last night and so that could be an issue well i'm not resetting anything while i'm live streaming sorry i must suck to be you guys i mean i yeah it's not it's just not gonna load unfortunately all right oh wait i skipped the figma one here we go next up all righty merrick's bistro boutique all right i don't know why you're putting comments like knife like i know that's a knife why are you doing that and then a burglary unreal on anyway all right so this this button needs fixed like if you're going to do a button like that and by the way why you guys got to like join this file and then take your cursor and just like be annoying stop that i'll do in my own file then unreal uh so let's redo this here this whole section and then there's people who put groups all over the place there we go let's um let's do a fill all right and then we'll take this type get rid of the drop shadow and make it black then we can um take this and we'll take that uh everything's sometimes very annoying i have to ungroup stuff just to move it okay so this is what i would do this button is way better than that button right there so if you switch between both of them definitely way better this one lacks white space within the button container itself this one also stands out way more so that's what you want for your call to action button there um home menu about contact not sure if i really like having the logo centered like that and splitting up the navigation continuing on there i'm not sure if that's supposed to be offset like that but definitely don't do that if that was intentional where the contact is just kind of like off the side of the button all right all right not really enough here happening for me to even bother with a rating so um good things are happening here but yeah a few things that definitely need to be improved all right next up i don't have a komodo dragon i have a asian water monitor which looks like one i'll show you guys after we're done i'll be concluding here pretty soon all right big issues here lots of issues okay so first of all i'm not sure what's happening or what the purpose of this top section is this looks like it's your hero section but it's so muted in a sense that it it's just strange it seems like this right here it seems like it could be a logo where you could left aligned it um but what i would do if i were you i would go to a site like dribble and then type in hero section and just trying to see what people do for their hero section specifically you're going to see a pattern you're going to see a strong headline a lot of white space in this area and you're going to see a sub headline typically and then some sort of call to action this is just a little bit strange to me um any and and again if you weren't here at the beginning of this stream i talked about effective ad copy for your headline and your sub headline i this right here is breaking all the rules nobody cares about your name or your age or where you're from they want to know what you're going to do for them how you can be a benefit to their company all right so think about that um so another thing i've talked about here um although not quite frequently is when you have cards like three cards next to each other and they each have a call to action like this view on site button one thing i don't like to do is have a really high contrasting call to action because it makes it look blocky otherwise we see this these big three view on site buttons instead take a approach like this so we'll take an example of here so i'm going to take the background of this one and we're going to make it just slightly we're going to make it like like that and then we're gonna take the color and we'll make it white now you've also applied some sort of drop shadow on this or box shadow so we want to get rid of that don't need that all right i and i'd say that's better it's just it it makes it so that it is not so blocky in a sense margin top 2 m units maybe 1.5 m units there we go that's a bit better in my opinion all right so also all your type here seems well i wouldn't say it seems large because i had it zoomed up but you definitely need to fix your type here in terms of your uh your leading or your line height things are kind of crunched together quite a bit all right one being the worst time you invest let me all know that let me all know what you think this person deserves oh it was i i look really stunning yeah it was uh really bright out but now it's it got darker outside it's freaking snowing in april here in ohio i hate it and that buzzing noise is my small asian water monitor getting misted right now all right so yeah i'm gonna have to give this one like a 4.5 all right next up is another figma design by the way everybody stream 22 designcourse.com a temporary coupon code that will be deactivated soon get 22 off and i will help you become an awesome designer think about that all right all right this one already looks here pretty solid i'm not sure if there's any interactivity we're just going to take a look at the home page all right a new way to build your website i like it that's a that's a that's a good headline call to action or not it's not a call to action a good headline ad copy um logo this is all pretty solid up here um good call to action i would tighten these up these little check marks boxes a little bit less white space between them just a tad but that's that's a minor issue yeah this is solid i don't really have anything negative to say about what's here good white space good type good contrast and color good typographic visual hierarchy all around very solid i'm not gonna i'm not gonna bother asking you all for a rating but i would give this one at least an eight solid solid work [Music] all right mariana all right let's see here okay i'm blah blah a designer and musician from brazil let's listen to the music [Music] i'm gonna have to check this out unfortunately i don't have my audio connected to the stream so if i hit play you guys won't be able to hear it i'm gonna have to check that out as a guitar player myself i hope to hear a lot of shredding and good stuff like that i'm just kidding i can see i have an acoustic unless you're in vamstein you're not shredding on an acoustic all right so next up uh home about me design portfolio all right i probably separate this a little bit more white space between your social links in your nav in fact you could take this nav and center it um if you wanted to um okay so this learn more button right here i probably make a tad bit larger a little bit more white space separating it from this area probably make this i honestly i would make this whole section the type like for the headline quite a bit larger so like um wait there's something funky happening here because it's not letting me change the type font size let's try this oh there we go yeah get a nice big and beefy like that you know maybe not quite that large but yeah i you can definitely stand to make this larger like i said not quite this large um if you did you'd have to extend the height of this area now next section next section right here okay so there's something weird happening with your icons this icon right here is white no it's it's yellow kind of like a beige this one's white and then this one's like a teal color you want them all to be same like so i would keep them all black honestly um and that'll that'll simplify this area quite a bit contact me send me an email again have a contact form explicitly as well as the option to send an email directly alrighty awesome stuff we are going to do one more uh in fact actually we'll do two more because i forgot there's one other one i need to get to website that gets you noticed all right that's a good copy right there why fit in when you can stand out all right so this whole area right here in terms of color is quite busy um and it's not just color it's also the type um this is a real you know condensed font and contrast you know there's also unita which is real real small style differently there's a lot of stuff happening i think this whole area needs to be simplified a little bit more um yes especially you know you're caps locking bolding and changing the color of this area to yellow and then help me stand out view my work you know those need to be have more white space they need to be bigger buttons on the inside so padding needs to be increased in my opinion in this area getting that seo in i as i can see right here yeah so like i would simplify these these buttons right here uh just a simple link you know that with white text without being in a button container and underline i think would be much more solid because i was just talking about this this makes it look kind of blocky so understate these buttons a little bit more now one thing i don't like when it comes to projects portfolios uh thumbnails is ones that have a lot of stuff happening we can see there's so many different although this is this instagram okay so this is instagram uh it still looks quite busy i would probably simplify these a little bit more is a pretty good section to design right here probably like the best section i've seen so far and then this is the real typical thing it's kind of like an outdated approach having you know a pretty high contrast busy photograph with an overlay that's been i you know opacity has been put to like 50 with a color and then just it just it's blocky and it's kind of like more of an old school approach i would try to think i and just just take a look at sites like dribble and behance and just look at different layout ideas to uh like modern layout ideas i would say all right one being the worst timing the best what do you think this person should get for a rating [Music] for this i'm probably just going to give this here a rating of like 6.8 or 6.9 now somebody asked if they could submit in negative space over here although wait they didn't okay well yeah because these are all from before these aren't from today all right so i think that is going to sum it up somebody asked to see a picture of my asian water monitor or they said a komodo dragon but it's actually an asian water monitor i'll go ahead and show a picture and a video actually uh right here this is the big guy in my new enclosure i built in the basement it was like a 10 dollar enclosure um this is him he's five feet i he's not comfortable with us at all yet um i can't get that close um otherwise he kind of just runs and hides um here's a video as well of him getting inside of the water feature we have a 300 gallon tub um let's get that up and try to expand it if i can there we go yeah so this is a a live camera this is him getting into the the water oh he's big if he whipped me with that tail i would be in pain and if you bit me i'd be getting stitches yeah he's a beast so i can't wait uh once we get him a little bit uh tame um let me see if i have other pictures of my oh we got also got the big snake out the other day yeah that's our 17 foot reticulated python and we had another picture right here we're all holding it oops that's me right there that's my wife that's my wife's sister and her boyfriend yeah i that thing is a monster she is a big snake um see i think i have some more pictures of uh the enclosure oh yeah that that well i won't show that one where is it at where is that yeah so the enclosure right here is a there's a good picture of it um it had a four foot waterfall that i had i worked in but then when i first put the water monitor into the enclosure it climbed all the way up this wall and lodged itself up there and then redirected about 50 gallons of water onto my basement floor so i had to remove the waterfall unfortunately so it's a lot closer down here yeah yeah really fun stuff though um yeah we'll see i i know they could be dangerous but you know it's always one of those things you just have to be mindful um yeah here here it was climbing i mean this thing is it's just nuts all right enough of that anyhow with that said i am gonna do one more thing and i just spam you all right time to take a break from the reviews now chances are if you're watching this video you probably want to be a better designer and if that's the case how much do you really want it because at designcourse.com i've created a ui ux course that will help you go from designing layouts that i might rate a four or five up to eight and beyond but more important than that as a better designer this means that you can land higher paying clients in jobs this course includes over 16 hours of video 40 interactive ui design tests and even mentorship where i personally take a look at your work that you submit i review it and many times i also revise it providing you with great feedback to help you become a better designer now during this stream only you can use the coupon code stream 22 at checkout to get 22 off now you better hurry up because at the end of this stream i will deactivate this coupon all right let's get back to it all right everybody that's right to stream 22 here at checkout designcourse.com uh where you're going to learn ui ux design like i just mentioned and i will be deactivating that within the next like 20 to 30 minutes so if you want to join become better designer definitely take advantage of that offer all right everybody i will see you next time probably like two weeks on this live stream and i will see you soon goodbye awkward silence
Original Description
- https://bit.ly/3qsGkbz 👈 Learn UI/UX Today. Use "STREAM22" for 22% Off (only during stream!)
- Super chats are ONLY for appreciation. It will not guarantee a review/redesign.
- Submit your design projects for review: https://discord.gg/a27CKAF #negativespace-submissions (NOTE: To combat spam, we have a new system where you must self-assign a role in #news)
Join that discord link and just post ONCE your portfolio URL. I will cover the first one's first, and I can't guarantee that I will get to them all! Also, if I already reviewed yours from last week, don't bother submitting again!
Also, feel free to idle in the discord server. I'm there now!
https://discord.gg/a27CKAF
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from DesignCourse · DesignCourse · 0 of 60
← Previous
Next →
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Photoshop Pen Tool Tutorial (Tattoo Design)
DesignCourse
How to Design the Microsoft Logo in Photoshop
DesignCourse
Photoshop Gradients Video Tutorial
DesignCourse
Your Guide to Layer Styles
DesignCourse
Layer Masks in Photoshop
DesignCourse
iOS App Icon Design Tutorial in Illustrator CS6
DesignCourse
Illustrator CS6 Logo Design Tutorial - Archfold
DesignCourse
Photoshop CS6 3D Tutorial - Magic Tent Illustration
DesignCourse
How to Design a Tshirt Tutorial - Adobe Illustrator
DesignCourse
Types of Logos - Lettermark & Monogram Logo Type
DesignCourse
Banner Design in Photoshop CS6
DesignCourse
How to Design a Logo in Illustrator CC
DesignCourse
Designing a Logo in Photoshop CC
DesignCourse
1. Launch & Market a Web Based Business - Introduction
DesignCourse
2. Launch & Market a Web Based Business - Logo Design
DesignCourse
3. Home Page Mockup in PS : Part 1
DesignCourse
4. Home Page Mockup in PS : Part 2
DesignCourse
5. Home Page Mockup in PS : Part 3
DesignCourse
6. Home Page Mockup in PS : Part 4
DesignCourse
7. Home Page HTML & CSS - Part 1
DesignCourse
8. Home Page HTML & CSS - Part 2
DesignCourse
Using Photoshop to Showcase Mobile Projects
DesignCourse
Flat Icon Design Tutorial in Illustrator CC
DesignCourse
Illustrator CC Logo Design Tutorial - A Logo That "Pops"!
DesignCourse
Logo Design Follow Along 1: Emblem Logo Design
DesignCourse
Showcasing Logos in 3D with Blender
DesignCourse
How to Design an Effective Lettermark Logo
DesignCourse
Squeeze Page Design Tutorial in Photoshop (Part 1)
DesignCourse
Squeeze Page Design Tutorial in Photoshop (Part 2)
DesignCourse
Mobile GUI Element Design in Adobe Photoshop CC (Part 1)
DesignCourse
Mobile GUI Element Design in Adobe Photoshop CC (Part 2)
DesignCourse
Flat Mobile App Design in Photoshop CC - Weather App
DesignCourse
Create Reflective 3D Text in Blender (Beginner)
DesignCourse
Animating a Logo with Adobe After Effects CC (Beginner)
DesignCourse
Design a Game Website Mockup in Photoshop CC (Part 1)
DesignCourse
Design a Game Website Mockup in Photoshop CC (Part 2)
DesignCourse
Photo Manipulation Tutorial in Photoshop CC (Beginner)
DesignCourse
Advertising Illustration Tutorial in Photoshop CC
DesignCourse
Perspective Warp Tool Tutorial in Photoshop CC
DesignCourse
Free Giveaway Contest. (WiseBanner Banner Maker).
DesignCourse
Design an Animated Loading/Download Icon (GIF)
DesignCourse
Contest Winners (WiseBanner)
DesignCourse
Model & Animate a 3D Push Button in Blender (Beginner)
DesignCourse
Mega Tutorial - iPhone Breathalyzer - Project Introduction
DesignCourse
Part 1 - iPhone Breathalyzer - Blender
DesignCourse
Part 2 - iPhone Breathalyzer - Rendering & GUI Design
DesignCourse
Part 3 - iPhone Breathalyzer - UI Animation in After Effects
DesignCourse
Part 4 - iPhone Breathalyzer - Website Design in Photoshop CC
DesignCourse
Part 5 - iPhone Breathalyzer - HTML Part 1
DesignCourse
Part 6 - iPhone Breathalyzer - HTML/CSS Part 2
DesignCourse
Part 7 - iPhone Breathalyzer - HTML/CSS Part 3
DesignCourse
Part 7 - iPhone Breathalyzer - Finishing Touches
DesignCourse
Square Space Logo Maker - C'mon People.
DesignCourse
Design a Bloody Knife in Photoshop CC
DesignCourse
Typographic Poster Design Tutorial in Illustrator (Part 1)
DesignCourse
Typographic Poster Design Tutorial in Illustrator (Part 2)
DesignCourse
Modern Business Card Design in Illustrator CC (Part 1)
DesignCourse
Modern Business Card Design in Illustrator CC (Part 2)
DesignCourse
Parallax Tutorial using Parallax.JS
DesignCourse
Interview: Andrew Price of BlenderGuru.com
DesignCourse
More on: UI Design
View skill →Related Reads
📰
📰
📰
📰
The Best AI Course Generator in 2026? I Tested 7 to Find Out.
Dev.to AI
Automate Spotify and YouTube Playlists - Chapter 2: Setting Up Spotify
Dev.to · Tawanda Nyahuye
Use a model route manifest before Dify, Cursor, and Node.js share Vector Engine
Dev.to AI
What 90 Days of Comments on AI Side Panels Taught Me About Distribution
Dev.to · AI Buddy
🎓
Tutor Explanation
DeepCamp AI