After struggling with designing for a bit gotta say I find your skills mesmerizing. Just being able to refactor a design in a few minutes to something minimal and effective is amazing. I liked the 3rd design the most.
I appreciate your content so much. I’ve always had a visual eye but am just now, in my 40s, chasing that dream. I am learning the basics now and am having trouble with my first hero section. Watching you go through the process helps me immensely. So many things click for me when I watch. Thank you!
OMG! just learned alot in 9 minutes video....the kind of design Gary Simon makes it only comes with experience and practice man i feel so overwhelmed after seeing every single aspect of his thought process behind these awesome designs. much love and respect
Thanks for the video 😃👌 Lesson learned: Not every container needs to be in a colored block. Sometimes I have in my mind stuff that just works, but maybe, after doing that first design I could try more options. Maybe copy and paste the original design so I can go back any time.
@@nameless4086 I still don't think you'll be able to get that dot to follow the i perfectly across all screen sizes. That design would be really difficult to pull off as far I'm aware but I've only been doing web dev stuff for a year so I could be very wrong.
Great refactors! But what this video needs is also showing the way to the mobile version. The last design - with the dot of the i placed so very well on the circle - is going to be hell, wenn the design has to be responsive. Would love to see you do a solution for that one particularly!
Well done amazing what a few tweaks here and their can do, like the first one the best and then the first one in the last example with the blue and black combinations as well.
love it :D number 2 was my favourite for sure. on number 3, there are 2 call to actions above the fold that the same (or similar) hierarchical value. i have read that you should always try to aim for 1 primary call to action which really stands out, as the my portfolio button does here, and use others as a secondary cta with less prominence, as the contact me button does. it would be great to hear your opinion on this :)
5:10 that logo is literally stolen from monzo bank. Monzo is an online bank in the UK and it seems that this guy literally straight up copied the logo kekw
I'd love to see mobile included in these types of videos. There is no complete modern web design that doesn't include mobile, yet it always feels like mobile is an afterthought.
It looks beautiful in the figma prototype, but how about when the developer hast to try use the background images you create for the heros and try to make it responsive? Sometimes that's what keeps me away from being too creative with the designs. Any thoughts?
Sir, I have learned web design. I want to learn more. What I will do next will be good for my future. Please tell me Sir In between the MEAN stack and MERN stack
I must say I don’t have a favorite like them al, but I really wonder how does this translate to wider viewports. How would you write te css for this? Hope to get some feedback! Thanks
There are different approaches to responsive design. Sometimes on a wider viewport, you just used a fixed centered container and the design remains the same with a max-width.
@@DesignCourse for wider viewports I tend to take the max width approach as you mentioned. What about smaller viewports? I feel like you have more room to work with and get creative on desktop but it's tough to keep that messaging and vibe on a smaller viewport. With how many people use mobile too, it's quite important
@@DesignCourse yeah that is what I normally do, but these designs with an image on the edge does it stay on the edge of the viewport or do you normally also contain it in the max-width container?
Which refactor do you like the best? 1, 2 or 3?
tough. i really like them all but the one that impressed me the most is 2. it felt like a breeze
All of them, but the second one was massive!
Number 3, and it's not even close. Elegant design AND excellent business sense.
Number 2 is the total winner
Tough. Wanna say 3 but all refactors were pretty awesome!
I gotta say numbef 3 is my favorite. Minimal yet very effective. Great vid.
After struggling with designing for a bit gotta say I find your skills mesmerizing. Just being able to refactor a design in a few minutes to something minimal and effective is amazing.
I liked the 3rd design the most.
I really love the transformation on number 2 🙌
I appreciate your content so much. I’ve always had a visual eye but am just now, in my 40s, chasing that dream. I am learning the basics now and am having trouble with my first hero section. Watching you go through the process helps me immensely. So many things click for me when I watch. Thank you!
OMG! just learned alot in 9 minutes video....the kind of design Gary Simon makes it only comes with experience and practice man i feel so overwhelmed after seeing every single aspect of his thought process behind these awesome designs. much love and respect
Same, I agree
Excellent video as always. The first one for me, it gets the user dive into the whole experience.
Thanks for the video 😃👌
Lesson learned: Not every container needs to be in a colored block. Sometimes I have in my mind stuff that just works, but maybe, after doing that first design I could try more options. Maybe copy and paste the original design so I can go back any time.
please do an html and css tutorial for refactor 3, Curoius how you will implement the circles with the dotted i in code
I think by using an svg
I believe svg + position: absolute
@@nameless4086 I still don't think you'll be able to get that dot to follow the i perfectly across all screen sizes. That design would be really difficult to pull off as far I'm aware but I've only been doing web dev stuff for a year so I could be very wrong.
I can't miss any of your videos. The free stuff you do here on CZcams is priceless
I was really impressed by Number 2.
I am super happy I found your CZcams channel.
Good to see you are a legend of design 🙏💐
The first one blew my mind
I like them all. But #3 has little more challenge to code out. But the copy and design is much better.
Loved the last one
Great refactors! But what this video needs is also showing the way to the mobile version. The last design - with the dot of the i placed so very well on the circle - is going to be hell, wenn the design has to be responsive. Would love to see you do a solution for that one particularly!
Holy wow. Design 3 is the epitome of effective and tasteful.
Well done amazing what a few tweaks here and their can do, like the first one the best and then the first one in the last example with the blue and black combinations as well.
They all add a great make over. Much improved
Number 2 is mind-blowing! I'm Garry's student at DesignCourse
let's see a tutorial on how to implement the dot on the I and the circle hero section in your last design responsively
I really like the second one, although I don't understand the black play button on the edge of the video. Rest seems really good.
Their are so good! love the Rapid Design videos!
love it :D number 2 was my favourite for sure. on number 3, there are 2 call to actions above the fold that the same (or similar) hierarchical value. i have read that you should always try to aim for 1 primary call to action which really stands out, as the my portfolio button does here, and use others as a secondary cta with less prominence, as the contact me button does. it would be great to hear your opinion on this :)
5:10 that logo is literally stolen from monzo bank. Monzo is an online bank in the UK and it seems that this guy literally straight up copied the logo kekw
Unreal.
Haha, that’s exactly what I wanted to comment on when I saw it.
Good catch
Man the second entry was amazing
I'm here for the tunes. All kidding aside, what's that first background track?
good. I might add that working with midi is much much easier in soft.
The designs proposal are awesome. Please, make a video how you turn them to HTML/CSS. Thank you in advance!
I love these. Maybe do some video on Figma hotkeys and shortcuts.
We need a new vid on using Maze for prototyping! I’m working on a practice project and would like more vids on that
Can you elaborate on home in the top menu why its needed?
I'd love to see mobile included in these types of videos. There is no complete modern web design that doesn't include mobile, yet it always feels like mobile is an afterthought.
It looks beautiful in the figma prototype, but how about when the developer hast to try use the background images you create for the heros and try to make it responsive? Sometimes that's what keeps me away from being too creative with the designs. Any thoughts?
All good design, now the problem is to actually code it. I believe the 3rd one gonna be hard
All were great but I loved the third one
Clean work!
Very good redesign, people always forget that adding colored rectangles closes the space and centered text is extremely boring.
🔥 1,3
very good designs but i think the developer will struggle so much to code this. What do you think about that?
I will say number #3.
But creating a design is one ☝️ thing but implemented it into a Wordpress is completely different.
Soooooo different
more Content like this. its awesome 🔥
Amazing!!!
Sir, I have learned web design. I want to learn more. What I will do next will be good for my future. Please tell me Sir In between the MEAN stack and MERN stack
very nice, great inspiration.
In The setup im from Holland
2nd one is just OP
Would be even better if you provide a figma design link too 😛😄👌
can you please mention the font name and sizes also?
it would be so grateful.
Is this a website builder? What do you use?
Musab out here using the Monzo logo as his own brand 😂
Using xD ??
I love your videos!
what font is that new flickadoo logo?
What font did you use in redesign #3?
Qual programa você usa? Figma?
Why is it important to “always” include a Home button? Can’t we depend on audiences to click the logo for Home?
Accessibility purposes.
how you got that circular idea in 3rd one
It came from the random headline I came up with. "Bringing it all together" -- A circle does that, "coming full circle".
Well done
I must say I don’t have a favorite like them al, but I really wonder how does this translate to wider viewports. How would you write te css for this? Hope to get some feedback! Thanks
There are different approaches to responsive design. Sometimes on a wider viewport, you just used a fixed centered container and the design remains the same with a max-width.
@@DesignCourse for wider viewports I tend to take the max width approach as you mentioned. What about smaller viewports? I feel like you have more room to work with and get creative on desktop but it's tough to keep that messaging and vibe on a smaller viewport. With how many people use mobile too, it's quite important
@@DesignCourse yeah that is what I normally do, but these designs with an image on the edge does it stay on the edge of the viewport or do you normally also contain it in the max-width container?
This is a great idea for next episode. Translating desktop project to mobile.
The Monzo logo lmao
I'm gonna wait till 2100 to get a 100% off 😎😂 UI2100
I loved all the revamps ⚔️
Mylosp i love you so much
Everytime I hear the into it remind me of cyberpunk 2077 last mission
reconded to use headphone for best experience
Anyone knows 1st song name?
5:09 Thank you so much Gary for redesigning my website.
Dude, why did you straight up steal monzos logo? Fkn thief
You might want to be careful using the Monzo logo - just incase they get funny about it! :)
@@kithowlett8374 I didn't even noticed that. Thank you. I will update the logo
@@muhammadmusab6334 You didn't notice you copied the logo?
@@Electricity0 LOL
❤️❤️❤️❤️❤️❤️❤️
Do you even auto layout bro
I do, but not for these quick demonstrations. Pointless and just a bit more time consuming. ;)
@@DesignCourse Fair enough. For me it's more tedious to manually align stuff but to each his own of course.
Bruhh.. I did it too haha
change the background music.....
Mobile first dude, mobile first
1st!
Cum intro
webflow
I'm sincerely greatful to this ⬆️⬆️ thank you for a Job well done