Live UI/UX Reviews - Submit your design!

what is up everybody going to get started here uh momentarily we will wait for some people to get a notification and come in and yeah so say hi i will say hi as well or at least attempt to hello gavin jack you get yidgit i don't know how to pronounce your name of course t20s grunt low so yeah let's just get straight to it we are doing yet another just a typical stream nothing fancy this time last time i just i didn't do any reviews i picked out one person and i redesigned their landing page but today we're just going to go through a regular typical stream where you click on the youtube description you follow directions which means you go to the discord server and then you go to negative space submissions and submit your design now we already have quite a few here however yeah i mean honestly i probably won't get through more than this so if you're just joining better luck next time to stay in the discord server i always release or announce these these reviews about you know 30 to 60 minutes beforehand and um that's when you can be the first person to submit and guarantee that you get your design reviewed all right so let's go ahead and just get started so uh first one is from i'm just going to call that person pex and mind you i have not seen these designs before oh what i'm terrible i'm a terrible marketer before we begin designcourse.com this happens every single time it takes me a stupid admin url i'm going to be releasing here officially january 4th of 2022 which is 60 days exactly 60 days from now uh so enter your email to be notified essentially it is the most robust i would say ui ux design course it's not just video it's interactive ui tests along with videos courses and along with challenges which i call design mentors so you submit challenges challenge designs and i review them and in most times i'm doing actual iterations like i'm improving your design on where you are you know coming up short and so i've already done about 130 135 of those because we did have a seven day pre-launch and so we have 400 plus students already taken the course and it's it's it's turning out great so definitely enter your email um to be notified if you haven't yet when that launches all right let's get to it so the very first one let's bring back the chat oh thank you t20s grunt i don't get many super chats these days because it doesn't guarantee a review um but yeah five bucks awesome stuff okay let us get started so um okay so we have a logo it's a pretty thin sort of script logo um let's see i wonder if this is uh prototyped up at all let me hit play here all right well that's fine um okay all right so one area i don't like is this section right here we could see that we have all red and we have three different elements occurring we have the headline we have a description and then we have the view shots so there's yeah there's a few things occurring here that's kind of strange um so first having everything all red i i think having the headline be this this red this burgundy color is perfectly fine but your type right here your description that should be either a black or you know a a dark gray or something like that to help separate it out more in terms of the visual hierarchy and then also view shots this type where it's all caps it looks like it's a different font almost than this this looks like it's you know like a um not a poppins it's uh what's the other one monster at this looks like a monster at and this looks like something else so we have three different types occurring here possibly i think they should probably be adjusted also white space between these elements either crammed up a little bit too much i would say take the view shots push it down a bit i think that would be more effective again make this this type right here i would even make the type a little bit smaller and also increase the leading which is the line height and also make it you know either a black or a dark gray same comment here all right also let me know in the chat if you guys prefer to do the whole rating thing or do you just want me to move along because i always do like a one a scale one to ten rating on these and i ask you guys to do it first that can take time um let me know if you want to do that we'll do it for this one but let me know if you want me to do it for every single one um i'm gonna say for this one i'm gonna give this a rating of probably because there's some good things happening here i'm going to give it a rating of like 6.8 it's almost a 7. it's really close but yeah all right seems like people want the rating so that's good all right all right let's continue on next up all right we got a custom cursor occurring here let's refresh see if there's any what the hell page not found what is happening here something happened here um there we go all right i guess i shouldn't hit refresh because it takes us to an incorrect url he's gonna want to fix that all right now um get in touch this button no good i mean just look how large this type is you kind of have this nice watermark in the back there that's cool however this getting touch button is just so tiny it gets lost almost so you need to beef that thing up um let me see if i can where is my oh the cursor i can't even see my cursor there we go um you know padding you know we're gonna to whoa not that much i didn't know this must be a new feature that you can just adjust these uh like this i think we should probably change this to 1.7 m maybe not quite that big uh font size maybe 1.4 rem now we're gonna have to decrease that to like one ram and then maybe 1.5 on the left and right maybe make it font way to bold and also um we'll do a margin top oh the margin tops have run run uh one rem right there so let's change that to um maybe even three ram something like this is more effective than what was there previously so let me refresh to show you the original or rather do this see how tiny that is and how lost it gets so definitely want to check that out all right so this right here this has potential to be cool but there's just too much happening first of all there's not enough white space between these elements they're both high contrast elements maybe take one of them and just make them like a watermark that way you don't have to worry about pushing them away from each other because you're just too close when they're both high contrast white space outside and around uh your two column approach that you have here this know me more it's just kind of like over here on the side could try to containerize things so i like this watermark approach that you have here um it just seems like some of the layout is jumbled and misplaced all right ratings go ahead and give a rating of one to ten and let me know six point three or so looks like i'm i'm kind of on the higher end compared to what everybody else is saying um but yeah thank you for submitting let us go and continue let me move stuff over here this is a real standard sort of just ecommerce site it's looking like so let's check it out ugh temperatures and freaking face masks okay as you can tell i'm sick of this cobot crap um all right so this is a little strange to me um because what is this num what is this two and three wait it seems like this is some type of uh um system comment system for designers uh to uh to communicate that's kind of cool what's powered by what's powering this i wonder um anyhow so looking at this we have some issues like this logo is atrocious just because there's type here and you can't barely see it um what is covid um and you can barely see this so like if if there's any way for you get a different logo or suggest to them they need a rebrand definitely do that um outside of that there's some good things happening here like this menu button home shop testimonials contact about us okay so that should definitely be in your navigation somewhere i mean i guess it's right here some of it so this entire section up here is is very busy and kind of confusing honestly um there's a lot of stuff happening here we got social we got the contact we have the about us and this this navigation we have another secondary navigation up here i would probably try to work on simplifying that just a bit um project huddle plug-in cool outside of that it seems like this right here is very understated um you could probably really utilize this area with a a larger more effective headline this is pretty small so we could definitely utilize this area more and like i say a more effective headline as in different copy not just pay less get more we we want to maybe add a little bit more context to it with that headline um i like these cards these cards are designed well nothing wrong with them at all definitely i very way too low contrast here with this available in ghana type like that would be very low on the contrast ratios of this guy over here that's scary i don't think you should have that dude over there that's just it's too much it it's jolting to me all right um continuing on yeah just make sure you bump up that contrast the cards are pretty decent maybe make some of your type larger you know like the headlines and sub headlines could probably stand to be larger outside of that i like a lot of the colors i like this color scheme right here um all pretty solid i was just trying to reduce the complexity of this this situation up here all right as a rating 1 to 10 let me know what you think one being the worst 10 being the best [Music] how is the animation created on navigation you mean this yeah that's probably just a simple transition that transition based on a javascript event listener for a click so for this i think i'm definitely and also notice like some of the areas you know you're adhering to a good um container uh on the left kind of like a column that's going straight down although this is slightly off but this is in then this is way over here kind of a little bit jumbled you want to fix that um but i'm going to go ahead and give this a rating of a flat out seven i think seven is pretty that's what most people are saying um it has the potential to be you know an eight if if some of those things were addressed so low sevens yeah gary said on one stream that he review anything design related so gary please have a look at my design work here well i know i've i've i've seen your your particular design like 200 times this person has submitted their their designs like a million different times um so i've seen a lot of these already so i'm not going to spend much time on here um one thing i would suggest to do is this right here these elements that you have over the tags they look like buttons so when you have tags you want to make them not feel like buttons quite as much so maybe we'll just do this um and then we'll make the font weight not bold although i'm not sure if i can change that we'll change the font color to let's see we'll get this color and then we'll make it dark darker and then if you take the font weight i'm not sure if we can change it here i can't change it we don't want it to be bold though so you want these to be less stated as they were and they are the way i have it designed probably look make it a little bit smaller i'm going to make this adjustment real quick i font size 0.75 rem padding you know i would bump that to like um 0.3 m and 0.6 m all right and then just make it font weight normal because it's bold i think this is a lot more effective than the original which is if i refresh you'll see the original i think those are just coming this feel too high contrast buttony you know like that and also small things like this like your more button being a slightly different shade than this over here that that's also throws thing that's a no-no so definitely i would adjust those things we're not going to bother with a rating just because we've seen these quite a bit i've seen that design a lot i think in the past um it would be wonderful if you could learn design i still have a lot to learn i really like the advice and knowledge here i made it so you can edit the okay all right so let's check this out this is from jack oh did somebody send a super chat i didn't knowledge them oh yeah thank you very much neaten or nightin i yeah let's see unfortunately we did get away uh from that yeah um people used to send super chats and that would bump into the front of the queue and unfortunately um nobody who submitted got a chance because everybody just sent me money and i don't care about the money that much to do that just because you know people got bothered by it um thank you for the super chat though if i could try to remember at the very end i'll try to get you in all right next up all right so we have issues with your type placement um this right here and welcome and then you can barely see that i would move things over a bit um why is not it doesn't look like things are inside of a a frame is it is that just me well i'm just going to focus on this top portion up here um so i would change you know i want to put welcome either oh no there's people in here screwing around please don't adjust anything if if you're not the actual person you know um take this down now see here's the thing though i don't like this type i am a software engineer that's i talk about this a lot but if you're new maybe you didn't know this you don't want to emphasize with your headline which is your this is your primary headline you don't want to emphasize features you want to emphasize benefits um that's marketing ad copy 101 so saying that i am a software engineer that's a feature of you right uh if you're you're talking about a different product that you're making a landing page for maybe you're selling um skittles you're selling skittles i a feature would be i we sell colorful candy no how's how are you gonna benefit somebody you know how is eating skittles how's that gonna benefit somebody uh it's gonna give you a sugar rush how about that well in this context you know you help build innovative experiences you know something like that that's what you want to go with and then your sub headline which you don't have on you can elaborate more on your features okay so benefits first features is secondary and we establish that you know through um you know so i deliver uh amazing web experiences something like that i mean obviously not that exactly um this is going to be far more effective i than what you had initially so i deliver amazing web experiences maybe we can left-align this real quick get ourselves a sub-headline we want to decrease this even more and then we'll say something like proficient in um and everything in between i don't know that's that's a silly you know let's change this to a different font ael bump up that leading now this picture of you i wouldn't use that maybe an about section but you might want to instead instead like over here in this section you might want to have um like a a mobile phone that has one of your app user interfaces on it maybe on at an angle or something there's a lot of different things that you could do that could definitely work but you also want to have a call to action so you have your headline sub headline and then you want to have a call to action which could be a form of a scroll indicator icon that animates it could be a button that takes them to your projects because that's probably what people are going to see they're going to want to see that the most um you know i would i'd put these over here and then also scale down the size as well because they're a little bit they're quite large so like 30 that would be a little bit better get these over right here i know you're trying to be interesting you know by like kind of overlaying yourself possibly but i would just i would just redo that especially because if you're trying to get clients they're going to see you're quite young that's going to work against you so i would i would you know definitely emphasize that all right um not going to bother with a rating for that one next up all right we got some issues here let me scroll down oh we got some super chats all right uh hi gary i've learned a lot from your videos and as an i.t and project management teacher at university i've been able to teach it students about design principle awesome thank you very much walter skills got rid of green apple green all right well i'm making some money i made 20 bucks today awesome thank you guys okay problem here what's the main problem here with this section of this design i think you guys can answer that which ui design fundamentals being violated here no not white space yes grunt got it contracts contrast yes yeah so what's happening is you could even say well well what's happening is you know we have this rather it's not too high of a contrast element but there's still a lot happening here because all of the different books the shades of books it's a background full you know i i wouldn't call it a watermark but it's a photograph and when you have type that's sitting on top of it you have to ensure it's easy to read and it's not especially this because it's it's smaller type um even though it is white not all areas are dark like right here it's pretty dark and you can read it but over here it gets lighter and there's so much variance in the value as it's called which is just light and dark that it makes this section hard to read so there's a few things you can do the primary thing i would do take this photograph and make it darker much darker you could still tell that it's books but it's going to be a darker element and then that way this stuff will pop more i hate using that term um but yeah this would be much better in that regard and you'd also be easier to read this um outside of that coming to this area um these cards don't look too bad although look how some of these pictures are stretched i mean one way to kill the design to make it look amateur is having stretched these photographs that aren't in the correct aspect ratio so you definitely want to fix that yeah right there it's like so stretched like dude very stretch and pixelated what is happening here let me reset this yeah you know you so this is so pixelated i mean i feel like i'm having flashbacks to 1999. all right yeah object fit cover there you go all right um rating for this i know my rating already i'll give you guys some i time to respond what do you think one to ten is this a one or is this a 10 or is it somewhere in between i'm gonna have to ask you guys a question here too as a side note um let me show you something one second yeah i'm going to say i'm going to say a 5.5 i think that's that's that's pretty fair there are some things happening correctly here like this is pretty decent up here in this section um and trust me you can get much much worse so yeah around a 5.5 for this rating i recently got it back into drawing because i wanted to i've always kind of wanted to challenge myself to draw to design like a whole tattoo sleeve now this doesn't mean i'm going to do it i probably won't do this because it's a lot of time and pain uh but i just i designed this here i drew it with you know charcoal these are my snakes so this is my burmese python and then this is my reticulated python and this is the burmese python head this has meaning of course like you know freedom and stuff like breaking away from the chains and stuff but i talked to some tattoo people and they're like there's several people they really want to do it um but i think that's just kind of like a rough draft i'm not sure if i would go crazy enough and do something that crazy and extreme but uh let's keep on going here um so okay that's the one i just did um nothing much this time simply a sidebar for my website dark and light theme maybe one thing you can improve because i think as far as it goes in terms of design fundamentals it's pretty solid i would agree yeah um i don't see anything blatantly wrong here yeah pretty good no i did not go to a university i am all self-taught yeah that this is for what this is obviously it's not a full design everything looks solid here to me good job it's not very much so so i'm not going to bother with a rating but it would be a high rating i already did a review of this one i guarantee i remember doing this already um yeah i'm not going to review that again next up all right so you refresh this was there any animation no okay so uh turn your ideas you know what i could tell this is not white it's like a off-white and i really want to see high contrast so um color white there we go i knew i knew it was just a shade off that sticks out better um in the context of this kind of like a muted design which is pretty cool but you do have some issues here so the first thing i would say is the service bundle with this little thing on the side unnecessary i would get rid of that um it's just adding unnecessary visual clutter in my opinion um the one thing though for sure increase the white space on the inside of that container which would be padding um we have a padding block i've never seen a padding block before oh there we go that's much better we can go even more on this particular eye resolution um now one thing i don't like is there's not a clear separation between these containers so we have this color and then this color these colors over here and there's not just enough contrast so what i would do is i would probably make this uh where's the background white and and now you have a nice con a separation probably make this white as well or you could do something like this instead take this area background could be um let's just say green for now although i'm not going to leave it green don't worry don't don't cry come up like maybe desaturated blueish and then of course we would have to fix this area which i'm not going to fix all these elements you know this just has to be color black and then these elements right here color would be maybe not black although black works i think that right there is much better you might want to rethink this too because you have the same issue this is a container right here but it's almost the same color as this so might want to change that okay so there's a light mode let me refresh though just to show you the quality of this verse what it looked like before so refresh i just don't think this is good because the containerization gets lost so you can do a dark theme but you're going gonna need to figure out a better way to make this um more contrast so make it maybe almost black that way these would separate more right but definitely fix that white space on that section all right rating one being the worst 10 being the best let me know what you all think like if this was a dark mode maybe we can make this section just much darker you know we'll take this um we'll come down here there we go now we have clear separation and i would do the same thing here this over there it doesn't look all that good so um we'll do background color black again but then we'll just change this to that color and then of course fixing the white space so this is far better than what the original was which was that big difference even small change um so i'm gonna i'm gonna give this a um a rating of you know we have some cool layout occurring here but then things kind of seem to get just like all right i'm gonna design for mobile now you know so the layout could be improved in this section for sure um notice how things aren't in a clear defined container where the left and the right and everything match matches up so i'm going to give this like a 6.9 almost a 7. there's a lot of potential though definitely a lot of potential all right next up i'm not sure if this is the same yeah i just did that one all right now how long have i been streaming 33 minutes for those who've just been tuning in um definitely check out designcourse.com we are releasing in 60 days january 4th learn uiux in more ways than one which means more than just video um we're going to be doing an interactive test which you can play the actual game if you guys haven't played the game it's free you don't have to create an account go here i'm going to mention it and play the ui design game so these tests there's dozens upon dozens upon dozens upon dozens um there's probably going to be like 50 or 60 or 50 of them or so um in the actual curriculum um and it really helps you develop an eye for design so there's interactive tests there's mentorship where i actually help you one on one and you pay for you know an extra fee of about 25 to 30 bucks a month for that um which i could i could probably charge so much more than that um but just to show you guys the curriculum so far this is the curriculum we just integrated this chapter system um there's almost eight hours of content a video based content um and i'm working right now on uh just finishing it out within the next two months so definitely enter your email here on a landing page if you haven't yet and get notified when it launches awesome all right next up so hello there again if you're not around when i was talking this is a terrible headline very massively wasteful uh usage of a headline so you want to emphasize your benefits say how you're going to help that person depending on what you do you're a full stack a junior full stack developer okay so you're going to help people you know see that their vision uh comes true on the internet i'm assuming uh they have a sas business or something or whatever you you you make products work on the web that's essentially what you do um and then you can use this stuff as your sub headline discover more again this is one of the situations i i would probably you have a lot of color here especially with the code background i would desaturate this in 100 so make it black and white this background that way you don't have so much color that's kind of mixing especially with this gradient based type so um your call to action which is discover more that needs to stand out more um because it doesn't it's it's not obvious enough and you're not really sure what you should be doing more white space on the top of this element over here also i've never been a fan of adjusting the tracking just barely i could tell the tracking unless it's a weird font i letter spacing see 0.5 0.05 ram get rid of that just let it be the default um and it's going to look better need you really need to um yeah this crisscross version of cards and stuff that can work but when you have it confined so small like this it just it makes it feel jumbled so there's a way to do that that sort of criss-cross pattern or the diagonal sort of pattern but in this context it's not the way to do it um so the best thing i could say without me going in there and trying to fix it and i don't have enough time to do that is you know try to look at inspiration you'll see other sites that do this but they execute it uh in a much better manner all right rating one being the worst 10 being the best what do you all think [Music] it feels like a brad template oh man yeah it's pretty jumbled we need a lot more white space here i'm gonna give this one a five point two yeah all right next up not sure oh yeah we just did that one dog just pushed my door open all right let's hit play here why is that guy's tongue out is he trying to like lick a lollipop or something unreal um all right so my feelings about this as it stands just a bit too much happening um this style of of of uh navigation it's kind of confusing all right so you have two different navigations occurring here you have this horizontal navigation up here and then you have a vertical navigation over here where it says home so home news videos insights like home belongs over here not this uh timelines matches statistics players timeline matches statistics and players that could be possibly a navigation over here but it's so high contrast and it's close to the logo and it's close to this navigation it's just not the right approach in my opinion so i would get rid of this navigation stick home over here also push the other content down like this card it's so close and it's creating for clutter you definitely want to adjust that doesn't seem like much is changing here i mean if this is the only thing that's changing between your pages i would i would rethink that uh just these cards because that's a little bit confusing and it's not obvious enough all right waiting for this one being the worst time being the best [Music] also i've never been a big fan of like the logo the type in the logo should generally speaking be bigger than the type in the actual navigation um in this case the type is bigger than this and it feels it feels off yeah like this type is way too close to this you know we have high contrast type with borders very close to a high contrast border hardly any space between it you want to move that stuff away all right so for this one i'm going to give like a 6.1 there's this potential um but yeah definitely could improve it all right what natalie were you looking at me all weird all right okay look yeah chase opened it it's my daughter all right next up all right what's the issue with this one i'll let you there's a few issues actually um i'll let you all try to figure out what the issues are what is it could it be you know there's a number of fundamentals there's color there's contrast there's visual hierarchy there's scale there's simplicity versus complexity um there's white space there's typography what could be the issue here based on what we see spacing in the nav bar so that would be too much white space correct also the capitalization cap this is these two are capital but this one this one's not capitalized that's kind of strange so we need them all to be title case uh contrast in the hero section yes walter's correct that's definitely um yeah that's definitely a major issue especially with the the the the call to action here i mean you can barely even see it um you need to to refactor that big make the button background black that way you can leave the text white or you can make it all white in which case it really wouldn't stand out much because this is a white background you want your call to action to really stand out like the thing you want them to take action to buy your damn office chairs you want that to stand out the most um so make that black perhaps in this context um outside of that alignment alignment's incorrect you could tell based on chairs where it's sitting this stuff has been pushed up uh you want to bring that down so that these are centered with each other also bring them in together like somebody else mentioned and probably scale down the size slightly of this font these cards they're two you have so much more room to put four you could put four cards in here and you can get them a lot closer together um like right here they could start there that's just a misuse of space and it just it it doesn't help to find a layout either because everything's just kind of like uh strewn about in a sense so fill those in much more this right here this background of these card things these testimonial cards make it white i don't like this idea of slightly changing up things with opacity or whatever oh i can't adjust it i thought this is a an actual uh website but it's not yet and then like this here a mid-gray in my opinion for like a content block like a footer never works well this is a mid-gray i would make that darker almost a black um i think it contrasts better because otherwise it just looks muted everything's muted looking here all right rating one being the best what do you all think i mean one being the worst 10 being the best oh man i'm not thinking you know it's strange we haven't had any uh like rock star submissions yet although one person had like the sidebar thing that was really good that was probably at least like an 8.59 um but an actual full example we haven't had a really solid one quite yet um for me i'm gonna give this and plus this is this this sub headline or this not a sub headline but this description is that doesn't contrast enough either so people will have a hard time reading that so take this little element here make it darker so some people are saying six and five you know i mean i'm gonna have to say yeah it's it's probably like a 5.96 something like that next up all right so this next submissions might very well be the best submission we've ever had in the history of this channel you know how many reviews i've done i've done thousands probably of individual oh dude don't you do that you have to be put in the timeout put your dunce cap on and just go look at corner no spamming thank you all right so here's the best one i think we've ever seen right here this is the pinnacle of ui design i'm just messing with you man um so clearly you got a young person who um is making a um i don't know what this is for what is this for um gaming laptops i thought this is going to be like a clan website i used to be i used to make like when i first started designing back in the late 90s i used to make clan websites because i played quake quake 2 and i would make you know that's how i would practice and i thought that this is what this is kind of all about but apparently explore games explore gaming laptops i don't understand is this actually interesting well what you need to do i'm not even going to try to tell you what's wrong about this this this it's too disconjointed there's no semblance of a structured solid solid layout you have issues with color you have an issue with a hover contrast you have issues contrast and color here um what you need to do is go to designcourse.com first and enter your email and then take my course when it releases in 60 days but also gain some inspiration uh by going to sites like dribble and you know just practice at first just by copying exactly what you see it's gonna commit it to your muscle memory um and you're going and go to the web design section by the way uh it's gonna commit that you know the process of recreating solid design to muscle memory and that will translate over to when you do your own designs that's the best advice i can give for you at this point so ratings what do you think this person should get well we have 10 out of 10 11 out of 10 9.99 i've never given a 10 out of 10 before geocities somebody may have submitted this just the troll but maybe not so i have to make that assumption maybe not so i just want to give some you know direction and advice but if i'm being honest a rating for this you know it's it's gonna be like a one something uh for sure all right next up i don't think i've ever given a one all right what happened i want to show you something this is my stream settings oh okay never mind there was like a big dip like i lost a lot of viewers apparently right when i showed that design but i think that was like a kink or something there was an issue occurring with youtube's video all right um what is this is this is this like a a rip of like netflix's or like a yeah okay what's happening here yeah these are quite similar i'm going to say so i'm not really sure i'm not even going to bother with it sorry all right that looks like maybe that's just an ex a practice in front and development and trying to like recreate it that way but in terms of you i don't want to just review a freaking design that's already been done by somebody else all right so here we go here's one more white space between your nav items of course i would do that always try to do a hover state by the way um or in even an active state so we do have an active state if i hit tab this is helpful for people for with accessibility issues but a hover state also is helpful so do that um i'm a software engineer based in jamaica all right that could definitely stand to be a little bit larger if not larger than bold so font weight bold that helps a little bit um font size is two rem you know maybe we can do like 2.3 um increase the width though of that that container um all right so like these little headings are here everything's too small in my opinion it feels like i it should be this size i've just scaled this up by 150 percent and in this section at least it it it could be much better in terms of you know larger font size now you have a two column approach up here so you're utilizing the space here on desktop pretty well however then we have this about me section which it seems like you've designed it just for mobile only um you should try to utilize a you more of a column approach to design on a larger resolution like this this of course it makes more sense and it works although it seems like you have too much padding on the right and left you can extend those out more um but this right here it's just there's no some strong semblance of a layout based on desktop it's my phone um coming out here let's see one thing you don't want to do is use pictures that have varying heights so i think object fit cover is one of the ways that you can combat that possibly but you want equal heights because if not what it does is it pushes down this stuff and it's inconsistent alignment going all the way across also make these bold there's not enough visual hierarchy between the type so making that bold would definitely help some some of your tags like react.js behind this blinding you know uh this this aqua color nobody can read that very few people and if they do they have to strain their eyeballs and just they're bleeding and then you know you've got a lawsuit on your hands um and then your form you know this stuff should be left the line email address message left the line and also you don't have to put a placeholder value for the name at example.com like if a person doesn't know how to put in an email or what an email is structured like especially in the context of you being a portfolio developer your grandma is not trying to help hire you to be a developer so you don't have to put the name at example.com i so i would i would you know admit that so um rating one being the worst 10 being the best let me know what you think we're at 52 minutes of streaming so far we will be concluding shortly i got the gym after this do some deadlifts i started getting back in the dead list because i jacked my back up a long time ago but i'm learning proper form no more ego crap staying light for now light weight um i'm going to give this one a rating of i like the colors and stuff i really like this this blueish color it's a solid color i'm going to give this a rating of although by the way this should be centered down here hover should not be that color based on this background um 6.3 i think that's pretty solid all right hi gary i'm a student who works as a part-time designer i did this redesign for my clients wordpress service current design well that's what their current design looks like all right so lack of contrast here need better uh topography work in this section um let's see what they did let's look at their design it's adobe xd prototype for those of you haven't seen adobe xd had a huge update i know they're lacking in some basic features and stuff that pisses me off but i mean one thing that figma can't contend with is the fact that they just allowed us the ability to integrate actual video in in pro in prototypes as well as lottie animations and i know some say well you can do that all right already with a figma no you can't because they can they can only work with gif files and gif files suck so hopefully i'm not sure if the technology stack that they use figma because i know it's all web-based um will allow for them to you know allow video and stuff i don't see why not though all right um i hate when people message me when i'm live streaming all right what's happening here so uh all right so the biggest issue i'm seeing here is the fact that there's too much type um you know you can have a long headline like this but your sub headline should should should be much more minimal one line that's it uh there's a lot of type and people have a short attention span so i would reduce the amount of type for sure on that area um is this prototyped out like i can't click on anything um so this has potential um again it's not not enough here for me to see exactly what's happening um i like the there's a subtle texture in the background i can see i kind of like that but i yeah probably move these two call to action buttons down a little bit some of this is pretty solid i like the colors i like this overlapping i could tell this is mozzarette or poppins or one of those yeah this is all solid here like the the outline icons this is solid maybe a tiny bit small for the copy there but that's not too bad yeah this is solid this is probably the best one that we've seen so uh so far today i one being the worst time being the best what do y'all think yeah i'm going to give this one a rating of yeah like an 8.2 perhaps it's not realized fully in the browser so i i do consider that as a part of rating but for what it is it's very solid awesome where the hell to go okay there we go all right um we are going to do one more so who's the lucky person my first submission redesign of whatever um what's the original look like we got two redesigns uh back to back yeah that needs redesigned for sure all right wait oh i clicked on the wrong one all right um i think it was possibly better but not too much based on what i'm seeing here um home all right so let me scale this down and see if that might help matters okay yeah so looking at this uh especially if we get out the original oh fudge click the wrong one again hold on a second all right so here's the original and then here's their redesign and honestly it is an improvement uh it's an improvement but it's not like a huge massive improvement i think you know this section right here where your cards are completely needs to be reworked the gradient thing with the label completely get rid of that what i would do honestly i would type in card design [Music] and take a look at some effective card designs i not business cards of course but you know just just the general card design approach um if you could find some which could be a little bit difficult sometimes because they're literal sometimes about cars um because the way this is designed it's just too large the logos are real big it doesn't even make sense necessarily to put them in cards especially high contrast cards that are black and white so there's too much happening here um in terms of variants and we have issues with typography with this extended um sort of tracking that's or letter spacing that's applied to these elements right here not enough white space the type the type and font itself kind of just feels not applicable too much um tracking here letter spacing on these as well so they they feel just too out there and too stretched so there's a lot of things here that could also be improved although it is definitely for the most part an improvement especially this this headline where this navigation the nav bar they didn't have that like there's you can barely see their stuff up here so that's an improvement however their their section right here is better when it comes to um these little listings right here and i would even say that these are probably better as well than what you have here so just to be honest with you um i would i would probably go back to the drawing board a bit especially with this bottom section right here all right so i'm not going to bother with a rating for this time i'm going to end up concluding this and how am i going to conclude telling you go to designcourse.com enter your email if you haven't yet and i hate my stupid browser always taking me to the admin section uh enter your email to be notified when it releases which is going to be in 60 days or january 4th of 2022 um if if you those of you are interested about how much it's going to cost i it's a one-time fee of 99 uh there'll probably be some type of promo going on though to make it a little bit cheaper you'll get access to the course forever and i'm going to be updating it continually to stick you know with the latest information in terms of ui ux and also figma because we use figma and then also if you want design mentorship right here where i review your work and also iterate and prove it based on the design challenges you're going to be around 15 design challenges um then you pay about 25 to 30 per month fee for that um so yeah uh just to show you the stats so far uh from the students that we do have during a pre-launch week we've done pretty well there's two uh people waiting for me to review their designs we've already reviewed 130 designs uh 4 600 modules have been completed we have 61 mentor students and then also 429 total course students so i'm very excited it did well um and definitely enter your email to be because it's going to be a very a vast course at least 15 hours of video content i think right now i have about eight and so in the next two months i'm finishing that out um but yeah that is it i will see you all soon thank you all for uh for those of you who submitted um the super chats all right i will do this again next week and there'll be a new video on the youtube channel tomorrow i have to still have to create it i'm not sure what it's going to be but that's the life of a youtuber who's not prepared and i'll see you all soon goodbye and stream

Channel: DesignCourse

Views: 5,333

Keywords: live design review, ui ux, ui ux stream, live, gary simon, designcourse, negative space

Id: RhTqQzfgmv8

Length: 60min 50sec (3650 seconds)

Published: Thu Nov 04 2021