All improved, though I don't like the multi-color skewed pills (the skewed pills, though, were fabulous.) My challenge that I can see the difference, but I can't yet identify what's wrong in those originals, and find a fix. After 40 years in language arts and tech, it's tough being a design newbie.
Hey man great video, but could you do something for business applications? I mean it's ok for landing pages etc, but in real job ppl work mostly with big tables, filters, forms - often with a lot of fields. I mean everything you show is great, but in business app it seems different
yeah I was thinking that too. Many tututials are for single components of a page and for someone like me who just got into front-end after doing back-end NodeJS its a big problem. I am like not able to think creative and original and that's why I hope to work hard to have that creative muscle in my mind going : )
What's interesting, you'll find out in year or two that your previous sense of design doesn't really align with new, more robust approaches and experiments 🙄 To be honest, I hate my previous works so much I'll probably need extinguisher to put off the shame fire caused by my look at them 😂
This was such a simple yet informative video, i really appreciate the videos where people SHOW you what they’d do, rather than just say. Super helpful. Thanks :)
Wow, Gary, you blew my mind with this video!! I was just about to go to sleep, but now so pumped, lots of energy!! I would love to be able to do UX design.. but don’t know anything about it, not even which tools to get/buy.. need to watch more of your videos!!
Hey Gary, I want to pick up website UI/UX as a hobby and eventually (say 3-5 years from now) translate it into an extra skillset as a freelance fullstack developer. Currently working a full stack dev with focus on backend. Two questions: 1.) What do you think are the major differences in mindset as a frontend dev and a designer? 2.) What do you think is the most fun way to learn UX/UI and the theory behind (why stuff works etc) Thanks!
Good improvements, definitely love you're content. Its helped an old dev get caught up with modern front end especially gsap. It used to be horrible to work with 8yrs ago
I think original #2 looked better. Definite improvements in contrast and alignment but the complete do over with pastels just looks like a completely different idea. The original could be much better with only small updates. Just my opinion. New design was great, just too different for a comparison on the same idea.
I agree with you, because the goal of the 2nd page is to put emphasis on the text. And the remake does not work, because the attention of user moves to the background picture. It distracts user from the purpose of this page.
Hi Gary, great videos. Saving almost all your videos to go through them. I have a quick question for you. Do you know of Interaction Design Foundation? And what do you think of them in terms of education for switching to a professional UI/UX career. Regards
I feel there’s very little (relevant) content in this video. The title suggests, that it will be about what makes a design boring and how to remedy that. But that’s not the case. While your introduction of different colors could be considered as remedy to a boring design, there’s not much more to take away, nor was it articulated as a viable strategy in the first place. Instead, the video is about good/bad design practices, just not about boring vs exciting. So, my issue is the title. Guess, I expected some sort of analysis or a deep dive. Well.., maybe next time. Btw, love the channel. Keep it up, and take care ;)
With these UI/UX Workshop videos, I can't title it as "UI/UX Workshop Episode 3" for example, because many people won't click on it, as they assume they may have watched it already. So, I try to average out the 3 revamps as much as possible to pick out an underlying theme to make the titles unique. For atleast 2 of them, I did make them more unique instead of cookie cutter, so I think it's a fair title. I also understand clickbait isn't a good thing, so I try to balance it out as much as possible.
@@DesignCourse Maybe the problem here is more the youtube system of ranking channels and videos. I've seen a lot of channels switching to a more clickbaiting thumbs and title to at least keep their audience. About the video, i've had the same feeling but the length of the video stoud out to me. I assumed before hand that the video was a marketing for a course or something (well, it kinda is of the workshop)
@@XlovedDesign calling this UX Design is 100% channel marketing. There's no way shape or form that what he did here is UX related at all. It's a huge problem I'm seeing across TH-cam. This was simply cleaning up some submitted sites using some design fundamentals and contemporary web design.
@@gaminwithgc In the last example, adding the search bar was clearly motivated by UX. He made the visiting users' main goal easier to achieve by including that task. The other two examples, since they were only visual changes, there is room for debate but you can speculate that the new designs would perform better (converting) than the original ones and confirm it by testing them, and with this scenario in mind, you can also say the other two are UX related.
Great format of shorter videos! Something I can watch on my lunch, please try to stick to these at least a bit as it's not always comfortable to watch a 20 minute vid all at once. Great content as usual!
i love the second design very unique how would you use dot and background pattern you created may be like use svg it self? love this series very awesome
You can export them as svgs, place the pattern as background for that section or for the page if that is what you feel works better, about the dotted part, I am not sure how to use it, since a problem would be to scale it in order to make it responsive.
right i totally agree i can understand background image but that dot womder how it can be done. I love the design but sometime have no idea how it can be done hehe thanks for reply
In case 3 the dark theme is not good option... cause you must clear every device photo from white background... if you want them look good in dark theme. Sorry for my english, it's not my native language.
Your designs are awesome but it hard to code that background object and its placing with responsiveness. Please make some videos on how to code object positioning on backgrounds, so that it will be easy to design freehand and code without complexity. Hope...
Hello I'm junior programming if you don't mind I want to know which languages that should I need to start learning web page designing ?? I have learned HTML and CSS is that enough??
Once you have CSS, learn SCSS and you will boost your CSS performance, if you only care about UI then you will be fine with only that for a while, although learning some basic Javascript, UX & WebGL would be awesome
What are your thoughts? Did I botch anything? OH, and Sub up if you haven't already!
I learnt responsive web designing and UI designing by only seeing your channel. And you are THE BEST !
DesignCourse pls upload more ui and ux😅😅
These UI/UX workshop videos are cool.🤩🎉
All improved, though I don't like the multi-color skewed pills (the skewed pills, though, were fabulous.)
My challenge that I can see the difference, but I can't yet identify what's wrong in those originals, and find a fix. After 40 years in language arts and tech, it's tough being a design newbie.
The first one was a really nice, “out of the box” redesign
Want more videos like this. Great work.
Hey man great video, but could you do something for business applications? I mean it's ok for landing pages etc, but in real job ppl work mostly with big tables, filters, forms - often with a lot of fields. I mean everything you show is great, but in business app it seems different
yeah I was thinking that too. Many tututials are for single components of a page and for someone like me who just got into front-end after doing back-end NodeJS its a big problem. I am like not able to think creative and original and that's why I hope to work hard to have that creative muscle in my mind going : )
Very good point
checkout tailwind UI for ideas on various components like tables, dashboard, forms, etc.
it's crazy how the last one is already okay for me and then you transformed it into something better, out of my expectations
What's interesting, you'll find out in year or two that your previous sense of design doesn't really align with new, more robust approaches and experiments 🙄
To be honest, I hate my previous works so much I'll probably need extinguisher to put off the shame fire caused by my look at them 😂
Great work. But I am wondering how does developer can make the dot-lines at 4:41 ?
It's his job
This was such a simple yet informative video, i really appreciate the videos where people SHOW you what they’d do, rather than just say. Super helpful. Thanks :)
How do i implement those designs on my works, is there any recommended framework or it can work out with just css?
Wow, Gary, you blew my mind with this video!! I was just about to go to sleep, but now so pumped, lots of energy!! I would love to be able to do UX design.. but don’t know anything about it, not even which tools to get/buy.. need to watch more of your videos!!
Marina Muse try Figma it’s free!
chidorirasenganz thank you, I’ll check it out today 😃
If you don’t mind me asking, what software are you using to make these? I don’t think I’ve seen it before
Amazing spiceups! What software do you use in the video?
I believe he’s using Adobe XD
@@cajamesia2261 XD
@@GodWearsGucci134 XD
The first looked worse in my opinion. However, the second two were very much improved. Good work!
I think the purple text on "partzfinder" doesn't have enough contrast though
That's amazing man, love the content you make.
Great work
Can you tell me where can I get icons are appears in 3:20 ? 🙌
Where did you get those icons?
Solid concept for a change in pace using the quick timelapse structure. Feel free to utilize again once in a while 🙂
Hey Gary, I want to pick up website UI/UX as a hobby and eventually (say 3-5 years from now) translate it into an extra skillset as a freelance fullstack developer. Currently working a full stack dev with focus on backend.
Two questions:
1.) What do you think are the major differences in mindset as a frontend dev and a designer?
2.) What do you think is the most fun way to learn UX/UI and the theory behind (why stuff works etc)
Thanks!
quick and crisp. Great work gary!
do more of this. make it a series. this really helps!
Is there a list of background music used in these videos?
Good improvements, definitely love you're content. Its helped an old dev get caught up with modern front end especially gsap. It used to be horrible to work with 8yrs ago
Your designs are just amazing
I really like refactoring UI like this. Hope you keep making more videos
Thanks
Awesome work, where do you drag your icons from? Can you do a video on free icons or icon sourcing in general?
what app are you using to make these designs?
This is the kind of content I was looking for! great videos
TIL: ....don't even try to learn UI/UX to meet your business's needs.... just hire someone like this dude
I think original #2 looked better. Definite improvements in contrast and alignment but the complete do over with pastels just looks like a completely different idea. The original could be much better with only small updates.
Just my opinion. New design was great, just too different for a comparison on the same idea.
I agree with you, because the goal of the 2nd page is to put emphasis on the text.
And the remake does not work, because the attention of user moves to the background picture. It distracts user from the purpose of this page.
You are amazing for sharing these things for free!
Been watching you for about a week now. This video brought me to hit that subscribe button. Thanks for making great content!
I love these videos! It really does help to see you go through the process of redesign and then at some point ideas pop out in my mind.
Awesome video :) What tool did you use to make those design layouts?
Hi I have a question, in this workshop can I design for WordPress sites ??
What is the software you are using for enhancing the Look and feel of the prototypes shown in video
You changed lighting to green for the Linode ad. Ahh, I see what you're doing! :D
Hi Gary, great videos. Saving almost all your videos to go through them. I have a quick question for you. Do you know of Interaction Design Foundation? And what do you think of them in terms of education for switching to a professional UI/UX career. Regards
The third one really really improved.
@designcourse can you please elaborate on what was wrong with the second design
I enjoyed your enlivening process to the starter designs. "Relax, nothing is under control."--Master Foody-Moody
Ah, very nice aesthetic sense!
Please tell me what software is used in making the designs?
I feel there’s very little (relevant) content in this video.
The title suggests, that it will be about what makes a design boring and how to remedy that. But that’s not the case.
While your introduction of different colors could be considered as remedy to a boring design, there’s not much more to take away, nor was it articulated as a viable strategy in the first place.
Instead, the video is about good/bad design practices, just not about boring vs exciting. So, my issue is the title. Guess, I expected some sort of analysis or a deep dive. Well.., maybe next time.
Btw, love the channel. Keep it up, and take care ;)
With these UI/UX Workshop videos, I can't title it as "UI/UX Workshop Episode 3" for example, because many people won't click on it, as they assume they may have watched it already. So, I try to average out the 3 revamps as much as possible to pick out an underlying theme to make the titles unique. For atleast 2 of them, I did make them more unique instead of cookie cutter, so I think it's a fair title. I also understand clickbait isn't a good thing, so I try to balance it out as much as possible.
@@DesignCourse Maybe the problem here is more the youtube system of ranking channels and videos. I've seen a lot of channels switching to a more clickbaiting thumbs and title to at least keep their audience. About the video, i've had the same feeling but the length of the video stoud out to me. I assumed before hand that the video was a marketing for a course or something (well, it kinda is of the workshop)
@@XlovedDesign calling this UX Design is 100% channel marketing. There's no way shape or form that what he did here is UX related at all. It's a huge problem I'm seeing across TH-cam. This was simply cleaning up some submitted sites using some design fundamentals and contemporary web design.
@@gaminwithgc In the last example, adding the search bar was clearly motivated by UX. He made the visiting users' main goal easier to achieve by including that task. The other two examples, since they were only visual changes, there is room for debate but you can speculate that the new designs would perform better (converting) than the original ones and confirm it by testing them, and with this scenario in mind, you can also say the other two are UX related.
Which tool you're using?
For this drag and drop.
What software is he using to make those designs?
Adobe XD
@@DesignCourse thanks.
How do you convert these to real code? Can XD do that automatically or you code it separately in html/css?
@@aditya_gupta No, not automatically. Manually. I have several videos that show that process.
@@DesignCourse thanks for the prompt reply.
@@DesignCourse th-cam.com/channels/ErV65oPNiYu-uLNs_AmwaA.html ----> This was only possible because of you Gary
Nice job on the PC Partz design!
What software do you used?
okay this is good and great work using adobe xd but how i can convert this complex design to html and css?
Write HTML and CSS
@@Luggruff Modern problems require modern solutions
Very nice workflow ! An example for beginners !
which software you are using?
Great format of shorter videos! Something I can watch on my lunch, please try to stick to these at least a bit as it's not always comfortable to watch a 20 minute vid all at once. Great content as usual!
Why wasn't I a subscriber? This channel has always been on my feed. Thanks for the video.
Omg loved the last one..almost eana make me click on that search button..So good
What "designer" program are you using?
What software is he using for design the protoype?
Great work! A lot of inspiration can be drawn from all of the revamps😍
Wow man, you make this looks so easy and it's so not this easy :D
Love this format!
Love that last part👍
Great video as always. Thanks Gary
I just watch and watch and watch your videos... Really good stuff 👌
Any tips for people, looking to think the way you think 😉😁
Thanks Gary 1st entry was mine ☺☺
Wow. I really enjoyed this video. Please continue adding these kind of contents.
Nice one with the last entry, great CTA
i love the second design very unique how would you use dot and background pattern you created may be like use svg it self? love this series very awesome
You can export them as svgs, place the pattern as background for that section or for the page if that is what you feel works better, about the dotted part, I am not sure how to use it, since a problem would be to scale it in order to make it responsive.
right i totally agree i can understand background image but that dot womder how it can be done. I love the design but sometime have no idea how it can be done hehe thanks for reply
What icon pack are u using ?
Nice reworks, I really liked the last one, I also agree on using different colors, even if I don't really do it myself (I should).
I watch your videos and think to myself. When will I ever be this good?
Can anyone tell me how to make those dotted lines in entry 2? I just can't think of any good way how to implement it in HTML and CSS. Thanks
what is the program he uses?
Dang, that looks awesome
In case 3 the dark theme is not good option... cause you must clear every device photo from white background... if you want them look good in dark theme. Sorry for my english, it's not my native language.
What program is he using?
Nice Gary, The last one was great.
Your designs are awesome but it hard to code that background object and its placing with responsiveness. Please make some videos on how to code object positioning on backgrounds, so that it will be easy to design freehand and code without complexity. Hope...
You can use background-position and add in pixels the values, that way you will be able to move the background shapes the way you want
There is no problem for coding.
which software is this?
You are preaty good designer!
you got a new subscriber, cos i am gonna submit my entries.
¡Motivante! Saludos desde México.
Hello I'm junior programming if you don't mind I want to know which languages that should I need to start learning web page designing ?? I have learned HTML and CSS is that enough??
Once you have CSS, learn SCSS and you will boost your CSS performance, if you only care about UI then you will be fine with only that for a while, although learning some basic Javascript, UX & WebGL would be awesome
I really love when people are know "the worth or value of time".
really nice and simple one. keep up the good work
2nd design is really cool.
First and last are better that the original. The second one, the original could be better with just few changes. Great job!
Agreed
th-cam.com/channels/ErV65oPNiYu-uLNs_AmwaA.html ----> This was only possible because of you Gary
@@thecodinghumans2580 cool way to advertise your channel... not! 🤣 At leat put some videos so we can see what you do
LOVED the video!
Make more of these...PLEASE!
Someone can tell me the program he's using in this video?
Great video and corrections to the original designs.
Omg, you are talented in art!
which app is he using to design?
Give us suggestion about fonts that we need to use most of the time?
That was a great review. Thanks for the insights.
Love these. Thanks!
More videos like this please 🎥
your entry #1 its awesome
I love this very much, thanks!
I think your version of the second one didn't have enough contrast on the description of each card
I am also thinking of making my own website but no idea comes to mind. Wherever you take all these colors and solutions .... incomprehensible
Terrific stuff! Really does help to look at things in a different light and think outta the box.. 👍🏻
damn design is like magic
The designs are crazy good, are you still accepting entries?
Don't think you've improved too much