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.
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!
@@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.
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
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 :)
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.
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 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?
![ARGENTINA vs. BOLIVIA [6-0] | RESUMEN | ELIMINATORIAS SUDAMERICANAS | FECHA 10](http://i.ytimg.com/vi/C3wPtKNbAOA/mqdefault.jpg)
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 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!
I really love the transformation on number 2 🙌
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
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.
Excellent video as always. The first one for me, it gets the user dive into the whole experience.
I can't miss any of your videos. The free stuff you do here on RUclips is priceless
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!
Number 2 is mind-blowing! I'm Garry's student at DesignCourse
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 was really impressed by Number 2.
I like them all. But #3 has little more challenge to code out. But the copy and design is much better.
Good to see you are a legend of design 🙏💐
The first one blew my mind
I am super happy I found your RUclips channel.
They all add a great make over. Much improved
Holy wow. Design 3 is the epitome of effective and tasteful.
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.
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
Loved the last one
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 :)
Man the second entry was amazing
Is this a website builder? What do you use?
very good designs but i think the developer will struggle so much to code this. What do you think about that?
I'm here for the tunes. All kidding aside, what's that first background track?
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.
let's see a tutorial on how to implement the dot on the I and the circle hero section in your last design responsively
Their are so good! love the Rapid Design videos!
The designs proposal are awesome. Please, make a video how you turn them to HTML/CSS. Thank you in advance!
We need a new vid on using Maze for prototyping! I’m working on a practice project and would like more vids on that
good. I might add that working with midi is much much easier in soft.
Can you elaborate on home in the top menu why its needed?
I love these. Maybe do some video on Figma hotkeys and shortcuts.
Clean work!
Qual programa você usa? Figma?
Very good redesign, people always forget that adding colored rectangles closes the space and centered text is extremely boring.
can you please mention the font name and sizes also?
it would be so grateful.
All were great but I loved the third one
2nd one is just OP
Would be even better if you provide a figma design link too 😛😄👌
All good design, now the problem is to actually code it. I believe the 3rd one gonna be hard
I will say number #3.
But creating a design is one ☝️ thing but implemented it into a Wordpress is completely different.
Soooooo different
Musab out here using the Monzo logo as his own brand 😂
🔥 1,3
In The setup im from Holland
I'm gonna wait till 2100 to get a 100% off 😎😂 UI2100
I loved all the revamps ⚔️
what font is that new flickadoo logo?
more Content like this. its awesome 🔥
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
Amazing!!!
Why is it important to “always” include a Home button? Can’t we depend on audiences to click the logo for Home?
Accessibility purposes.
Using xD ??
What font did you use in redesign #3?
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.
Mylosp i love you so much
very nice, great inspiration.
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".
I love your videos!
Well done
Everytime I hear the into it remind me of cyberpunk 2077 last mission
The Monzo logo lmao
❤️❤️❤️❤️❤️❤️❤️
reconded to use headphone for best experience
Anyone knows 1st song name?
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.
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
Bruhh.. I did it too haha
Mobile first dude, mobile first
1st!
change the background music.....
Cum intro
webflow
I'm sincerely greatful to this ⬆️⬆️ thank you for a Job well done