Hey Chris. I checked out your website after watching this video. And while I think you did great with the redesign from @DesignSpo and implemented it fast, I would like to bring to your attention that you can't forget about your mobile design. Of course, I don't know much about your business, so maybe you deemed that your software isn't meant to be used via a mobile phone, which is totally okay. But many people use their phones to browse the internet, and right now your mobile design could use some attention :) best of luck on your journey, and great work.
@@chrisbcarlson The big thing would be fixing clipping at certain breakpoints between your buttons, and currently the buttons also stack in mobile view, however they are completely capable of being side-by-side in a mobile view. I believe also their centering is slightly off. Other than that, it feels and looks good!
It is so refreshing to watch a video where the designer doesn't insult the work and points out to it's strengths and tweaks the design to enhance it in a positive way instead. Thank you :)
Holy shieet! As a non-designer, I get so impressed to watch professional designer rework simple designs into beautiful and effective displays. Amazing!
Random complaint: I see so many comments from people who genuinely found inspiration and learned something from this video. Which is awesome! That means this video successfully does what it stated its purpose is. But then there's the occasional comment from people who are actively trying to find something to complain about and every single one of them is a complaint that either this video doesn't provide different information from what it stated, or that the complaint is under a false assumption that the purpose of the video content is for something it never said it was for in the first place. Like the one that goes, "why show what other successful sites do and explain why it works? Why not just do entry level design topics like everyone else?" or the face-palming, "your design is too referenced to what is award winning and not original and unique enough!" as if the target audience wasn't the everyday person who doesn't know much about design and doesn't have all the time in the world to do a full course on the ins and outs of design for the website they're trying to make themselves. My question is, are these people purposely missing the point of this video so they can ego-stroke while leaving negative comments or are they genuinely incapable of seeing a video for anything other than what they expect, and thus just too full of themselves to be aware of the idea of genuine assistance to others in a meaningful way? Don't get me wrong, I'm a completely average person so am aware that at least half the population has to be stupider than I am, otherwise I would be above average, but maybe I'm just too ignorant in my own ability to see how someone can't see an apple for an apple and thus insists on complaining that it isnt an onion nor onion-like. /end random rant Edit: this is a really good example of what is meaningfully possibly with using TH-cam as a way to help teach people. And its a damn good video format for engagement with the audience in a meaningful way. I know those both sound the same, but its for different reasons. If nothing else, if anyone is wanting a template for their own content to start their own channel, try to be more like this channel.
Dude, that was mine blowing! Thank you for putting this content out there. I'm just starting out in web design and giving me a glimpse of how you think like a designer is super valuable!
Blown away by this video. Super informative, love the designs and the reasoning on why you gave each designs. Subbed and like for sure, looking forward for more content!
Hey, love your style, productive Feedback and clarifying what a site is about (headings). I would love to see, what you do when designing for Tablet and Phone. I always find myself struggeling with making a site "pop" on phone, since there is just so little space. Keep up the awesome work!
On the Kickboxing site, you changed the navigation by adding white background 25% opacity, and some background blur. How did you acheive the background blur?
Why people complaining about looking other websites as inspiration for the new designs? Are you guys new to web design? 😂 Good video, it was pretty helpful!
Cool.Nowadays my designs are looking like completely amateur .Like I am tbh xD But I hope after a lot of work I will be able to do smth like u did.Great job and thanks for the inspiration😊
Wow very talented designer. One thing I don't agree though is letting the social icons on the nav because you surely don't want people to leave your website.
I really don't like when contents like 'trusted companies' are added purely for visual balance, on 90% of the designs I see. You applied the logos to the 1st design without knowing if they actually have trusted companies to list, if the business doesn't, then what do you use? You thought about design 1st, communication 2nd, it should be the other way around.
You missed the point of this video. He didn't redesign the website for those people. He just provided an example of how to upgrade their own websites and why he'd use what he uses. Nothing here is a final result, it's all potential ideas for the people to take inspiration from to enhance their own sites themselves. If the company doesn't fulfill the "trusted by" tag, then they shouldn't add that when they do their own fixes. But regardless, the tags he put are placeholders of what could go there, not what is there. I hope that helps. Everything seen in the video is supposed to inspire the web host to fix their own sites as they see fit, not as a fix itself.
I use a program called Figma to design websites. I cover some basics, although my channel is probably not the best for an absolute beginner. Flux Academy is a great TH-cam channel that has a lot of videos for people of all experience levels.
@@SRC503what type of design are you looking to get into ? Figma is great. Def look to understand code and work with html editors in parallels. It will make you that much better. Also books are great. I used to be a huge fan of Friends of Ed. Now defunct but they did all the books for Macromedia ( now defunct and bought by Adobe). Just start from the beginning and work on the task they give. The 4+ hrs tutorials on yt are good but take multiple to get more perspective. Cheers
I literally just posted this same comment. I wish TH-camrs considered the questions that their viewers or people that stumble on their channel would ask and address it
I can't speak for the guy, but most video recordings are done with OBS since it's easy to use for recording and streaming and its free. Streamlabs has a modded version of OBS where they provide custom layouts (like when he put the circle video of himself over the gym website) but those are both more catered for streaming and Streamlabs charges for their assistance. And by what everyone else is saying, he's using Figma for the actual designing part.
Very good video, keep it up! I wanted to ask you a question, I loved the grid background at 3:10 you put behind, I would like to know if you know any good tutorials to create elements like that. I've seen very nice backgrounds in very professional websites, with gradients, different lines, etc., I don't know if I'm making myself clear, but I never found tutorials for that... background elements? Dont know how to call it
Thank you! Those little details are what I love most about web design. They're very tedious to make by hand but a video on subtle things you can do to elevate a design could be really cool, thanks for the idea.
@@DesignSpo Great that you understood what I wanted to say! You know, I've been searching for tutorials or courses for months to create those elements, and I only see them on very professional-looking websites... there must be some place to download resources like those, or a good course... I hope to find it... I'm really glad I gave you an idea for a video, it's also one of my favorite aspects of web design :)
This was a very informative video, thank you. I subscribed to the channel and also the mailing list. Looking forward to learning. Would you mind sharing what software program you are using in the background when designing these pages? Thank you!
wanted to ask, how do you find the website that you use as inspiration ? Do you just know them ? Ask google and check different result ? or do you use something else to find them ?
Hi, the video was awesome but wanted a video where these web pages resize themselves and change their alignment in mobile view. If there is more content on the desktop view how would it resize or align in a mobile viewport.
Hello I Just Watch Your Video Randomly But Love it i just want to know that from were you find perfect design inspiration because i always struggle a lot to find perfect and right inspiration of designs
What software are you using in the video? I tried looking everywhere to see if you mention it, even visited your website, I can see anywhere you mention the platform you use for your design
Thanks for the video! Beautiful.Use odoo v17 for our ERP. They do some silly stuff with their the architecture and integrations. From what I’ve found you can’t simply import HTML5, react, etc bootstraps. Can’t use node at all. 🙄 Created prototype in FIGMA, but they make it too complicated to just import.
hi, if we have so many services offered on our website which each service has an independent page to support the SEO, is it okay if we have a different design for each page? only keep the button color and radius, let's say. wdyt?
You code it with HTML CSS and JavaScript (or pay someone else to lol). Figma is just used for mock-ups so the programmer knows what it’s supposed to look like
Some good ideas here, but you've glossed over several critical considerations. First, what about mobile? How will these designs translate to a phone screen? It is safe to assume that at least 1/2 of your audience will view your website on a phone. Getting something to look good at 1920x1080 is a lot easier than making the same thing work at 320px wide. Especially when you have text over an image. Speaking of which, your second big oversight is accessibility. In many cases, your designs produce text that is completely unreadable due to really poor contrast, especially when over an image. Finally, turning design to functional code could be a challenge. Some of these designs are not the most resilient. If something is slightly off, or if the text is a bit longer than in the comp, the visual balance goes out the window. I think what you've shown has a lot of value, but please spend a bit more time to create accessible, mobile-friendly design comps that a developer can work with.
How can i have you review my website?? Also can you post some videos on hostinger because that's the software I use and I think it'll benefit many people.
Guy, does anyone know a good UI Advanced course? I'm stuck in my career and don't know where to move. I've been working in product companies for several years and have not done any graphic stuff, just functional UX design. Whenever I get a task after an interview I'm stuck and don't know where to start, how to create those fancy graphic elements, illustrations and so on. My only tool now is Figma.
Hey thanks for the review! You have a lot of talent. Keep up the great work! I'll be making the modifications asap
Glad you found that helpful Chris!
Hey Chris. I checked out your website after watching this video. And while I think you did great with the redesign from @DesignSpo and implemented it fast, I would like to bring to your attention that you can't forget about your mobile design. Of course, I don't know much about your business, so maybe you deemed that your software isn't meant to be used via a mobile phone, which is totally okay. But many people use their phones to browse the internet, and right now your mobile design could use some attention :) best of luck on your journey, and great work.
@@Shaminat0r thanks, I agree with you! We are still new and working on this. Do you have anything specific you think should be improved?
@@chrisbcarlson The big thing would be fixing clipping at certain breakpoints between your buttons, and currently the buttons also stack in mobile view, however they are completely capable of being side-by-side in a mobile view. I believe also their centering is slightly off. Other than that, it feels and looks good!
@@Shaminat0r Thanks for your feedback I will try to work on this in the coming days! appreciate it!!
It is so refreshing to watch a video where the designer doesn't insult the work and points out to it's strengths and tweaks the design to enhance it in a positive way instead. Thank you :)
Holy shieet! As a non-designer, I get so impressed to watch professional designer rework simple designs into beautiful and effective displays. Amazing!
Years of experience, priceless.
Same it's making me to work up
Hands down the most practical and informative web design video i have seen in ages
Your real-life explanation is pure gold. Period. Well done!
Love how you kept the redesigns direct and client focused, nothing fancy or schmug. Keep it up!
Random complaint:
I see so many comments from people who genuinely found inspiration and learned something from this video. Which is awesome! That means this video successfully does what it stated its purpose is.
But then there's the occasional comment from people who are actively trying to find something to complain about and every single one of them is a complaint that either this video doesn't provide different information from what it stated, or that the complaint is under a false assumption that the purpose of the video content is for something it never said it was for in the first place. Like the one that goes, "why show what other successful sites do and explain why it works? Why not just do entry level design topics like everyone else?" or the face-palming, "your design is too referenced to what is award winning and not original and unique enough!" as if the target audience wasn't the everyday person who doesn't know much about design and doesn't have all the time in the world to do a full course on the ins and outs of design for the website they're trying to make themselves.
My question is, are these people purposely missing the point of this video so they can ego-stroke while leaving negative comments or are they genuinely incapable of seeing a video for anything other than what they expect, and thus just too full of themselves to be aware of the idea of genuine assistance to others in a meaningful way?
Don't get me wrong, I'm a completely average person so am aware that at least half the population has to be stupider than I am, otherwise I would be above average, but maybe I'm just too ignorant in my own ability to see how someone can't see an apple for an apple and thus insists on complaining that it isnt an onion nor onion-like.
/end random rant
Edit: this is a really good example of what is meaningfully possibly with using TH-cam as a way to help teach people. And its a damn good video format for engagement with the audience in a meaningful way. I know those both sound the same, but its for different reasons. If nothing else, if anyone is wanting a template for their own content to start their own channel, try to be more like this channel.
Dude, that was mine blowing! Thank you for putting this content out there. I'm just starting out in web design and giving me a glimpse of how you think like a designer is super valuable!
Thanks! Glad you enjoyed it
I love how you find the perfect inspiration to update a certain design.
I think it's great how you add little details that add value. You got me the moment you added that grid in the first design. Nice work
One of the best videos on website design i have ever watched, you are a professional indeed. Thank you for making the video.
This is such a great video. You really are a great designer. You've gained a new subscriber!
Thank you, glad you enjoyed it!
@@DesignSpo hey man!!! can you share that grid and dotted backgrounds you use while redesigning first and 3rd website it will mean a lot
These videos are getting better and better man, keep it up man you can get big
Love the way you take inspiration. You actually steal the design of other websites with out actually copying it that's the point of designing.
Blown away by this video. Super informative, love the designs and the reasoning on why you gave each designs. Subbed and like for sure, looking forward for more content!
Hey, love your style, productive Feedback and clarifying what a site is about (headings). I would love to see, what you do when designing for Tablet and Phone. I always find myself struggeling with making a site "pop" on phone, since there is just so little space. Keep up the awesome work!
A hidden gem right here!
This format is so fresh and exciting!keep going and you will be the next big youtuber!
Agreed
Really educational and fun to watch! I'd love to see more episodes of this!
Awesome video and great redesigns, I personally am terrible at designing so I love watching what you share so I can level up.
I'm just recently starting to learn all about web design and your explanations and processes are so easy to understand! Thanks and I'm subbed
Wow! What amazing results you achieve in your redesigns, love it!
I could watch your videos all day. Thank you.
Great tips, but keep in mind about accessibility white text on orange won’t pass the screen contrast test. But how would it look on a phone?
I came here to say the same thing.
Chamo esto está brutal. Y ni siquiera he visto el video completo. Great job bro!
On the Kickboxing site, you changed the navigation by adding white background 25% opacity, and some background blur. How did you acheive the background blur?
In Figma, there's an option to add effects like drop shadow or background blur. In CSS you can use backdrop-filter: blur(); to achieve the same effect
@@DesignSpo THanks for the CSS information. Just when you think you know them all... 😄
You are insanely good at teaching, really needed this video, thanks
Why people complaining about looking other websites as inspiration for the new designs? Are you guys new to web design? 😂
Good video, it was pretty helpful!
Cool.Nowadays my designs are looking like completely amateur .Like I am tbh xD But I hope after a lot of work I will be able to do smth like u did.Great job and thanks for the inspiration😊
Your work is amazing! Thank you for these extremely high quality videos.
Wow very talented designer. One thing I don't agree though is letting the social icons on the nav because you surely don't want people to leave your website.
Brilliantly done, need more videos like this! 🔥🔥
I'm surprised to see a video this good with such a low subs count.
Man, your redesigns are 🔥 But what about mobile? Do these sites need a separate mobile/tablet designs?
For sure they will. But things like the nav and Polaroids have nice solutions.
This was terrific, can you do more?!
Superbly done, I Loved all your designs!! Moreover, it would be a great opportunity if I could develop those designs into websites.
Almost all redesigned websites missed color contrast for accessibility (buttons and navigation)
Love learning from real example and the creating process.
love this, pls do more like this
What app do you use in the video to redesign?
It's called Figma :)
Great video! I have a question: where can I get design ideas for niche websites redesign?
Nice redesigns bro
Thanks! Glad you liked them
This looks super cool, what tool are you using, and how can this be implemented into a live website?
😕
I really don't like when contents like 'trusted companies' are added purely for visual balance, on 90% of the designs I see. You applied the logos to the 1st design without knowing if they actually have trusted companies to list, if the business doesn't, then what do you use? You thought about design 1st, communication 2nd, it should be the other way around.
You missed the point of this video. He didn't redesign the website for those people. He just provided an example of how to upgrade their own websites and why he'd use what he uses. Nothing here is a final result, it's all potential ideas for the people to take inspiration from to enhance their own sites themselves. If the company doesn't fulfill the "trusted by" tag, then they shouldn't add that when they do their own fixes. But regardless, the tags he put are placeholders of what could go there, not what is there.
I hope that helps. Everything seen in the video is supposed to inspire the web host to fix their own sites as they see fit, not as a fix itself.
Love your content!
you are great in design in figma. where do you get the inspiration websites from?
Hey bro love the tutorial. Can you please do a tutorial on how you do that colour gradient thing, thats very handy to know.
I really love and appreciate this work. Can you please spare a time to explain how figma works, that will really help out a lot
Great design ideas ❤ how do they fit responsive? Would be great do see such designs on mobile too 🤓
Impressive! How you're finding inspiration which is same the based! Great skills🎉
Incredible work, thanks
I’m new and want to be designer. You didn’t state what you’re using so I have no idea what you’re doing. Do you teach basics in your subscription?
I use a program called Figma to design websites. I cover some basics, although my channel is probably not the best for an absolute beginner. Flux Academy is a great TH-cam channel that has a lot of videos for people of all experience levels.
@@DesignSpo ok thanks. Maybe I’ll join after checking out flux academy
@@SRC503what type of design are you looking to get into ? Figma is great. Def look to understand code and work with html editors in parallels. It will make you that much better.
Also books are great. I used to be a huge fan of Friends of Ed. Now defunct but they did all the books for Macromedia ( now defunct and bought by Adobe). Just start from the beginning and work on the task they give. The 4+ hrs tutorials on yt are good but take multiple to get more perspective. Cheers
I literally just posted this same comment. I wish TH-camrs considered the questions that their viewers or people that stumble on their channel would ask and address it
@@dialac1 He addressed it right into this conversation...
Love the redesigns! What video recording / editing software do you use? Thanks!
I can't speak for the guy, but most video recordings are done with OBS since it's easy to use for recording and streaming and its free. Streamlabs has a modded version of OBS where they provide custom layouts (like when he put the circle video of himself over the gym website) but those are both more catered for streaming and Streamlabs charges for their assistance.
And by what everyone else is saying, he's using Figma for the actual designing part.
Very good video, keep it up! I wanted to ask you a question, I loved the grid background at 3:10 you put behind, I would like to know if you know any good tutorials to create elements like that. I've seen very nice backgrounds in very professional websites, with gradients, different lines, etc., I don't know if I'm making myself clear, but I never found tutorials for that... background elements? Dont know how to call it
Thank you! Those little details are what I love most about web design. They're very tedious to make by hand but a video on subtle things you can do to elevate a design could be really cool, thanks for the idea.
@@DesignSpo Great that you understood what I wanted to say! You know, I've been searching for tutorials or courses for months to create those elements, and I only see them on very professional-looking websites... there must be some place to download resources like those, or a good course... I hope to find it... I'm really glad I gave you an idea for a video, it's also one of my favorite aspects of web design :)
Just want to add that this is something I struggle with as well, and I would love a video on how to create and bring in these little details!
This was a very informative video, thank you. I subscribed to the channel and also the mailing list. Looking forward to learning. Would you mind sharing what software program you are using in the background when designing these pages? Thank you!
Thank you, glad you enjoyed the video! The program is called Figma, the best design software on the market right now and free for individuals.
Subbed. Really solid redesigns!
Great video! Helped me get so much more inserpation! Definitly droppping a sub and like. What sofware do you use for designing?
Hey! Can you also mention the fonts you used across in your videos? Will help a lot!!!
Great work! I loved this video :)
This is an amazing video. I am really glad I saw this. Please how do you get the websites you use for inspiration
Thanks, glad you enjoyed it! I primarily use lapa ninja and awwwards to find inspiration. But a lot of my inspiration recently has come from Twitter
@@DesignSpo Thank you, please what's your handle so I can follow you.
The newsletter link doesn’t seem to be working well as when I click “yes! Sign me up” it just remains on the same page
So for the kickboxing website how does it look on widescreen monitors, what happens with the picture it just stops or another gradient?
wanted to ask, how do you find the website that you use as inspiration ? Do you just know them ? Ask google and check different result ? or do you use something else to find them ?
You are amazing. Here's hoping that I can make my own website look half as good as that lol
I can help you with making a fully functional professional website
a great friendly educational video thank you for both feedback and knowledge
wish you the best
Great video. Loved your design ideas.
Can you please make a simple Figma web design tutorial, suitable for beginners?
Hi, the video was awesome but wanted a video where these web pages resize themselves and change their alignment in mobile view. If there is more content on the desktop view how would it resize or align in a mobile viewport.
That's mobile responsiveness I believe?
Hello I Just Watch Your Video Randomly But Love it i just want to know that from were you find perfect design inspiration because i always struggle a lot to find perfect and right inspiration of designs
So cool to watch your reviews
What software are you using in the video? I tried looking everywhere to see if you mention it, even visited your website, I can see anywhere you mention the platform you use for your design
I also wanna know
@@Barz.Gaming I’m guessing you have to pay him to get that info Smh
The software is called Figma. Hope that helps. 🙂
Great video, thank you!
Glad you liked it!
Thanks for the video! Beautiful.Use odoo v17 for our ERP. They do some silly stuff with their the architecture and integrations. From what I’ve found you can’t simply import HTML5, react, etc bootstraps. Can’t use node at all. 🙄 Created prototype in FIGMA, but they make it too complicated to just import.
How do we submit our sites for roasting
😂😂😂😂 yoooo
Great video, great work!
What software are you using to make these designs, is it a form of photoshop or similar software or is it a more website design orientated software?
It’s figma
Can I get the resources of the designs you have made on the video?
Hey I wanted to ask which program are u using?
what is the software you are using in the video to do HTML?
It's not html it's an app for designers called figma
These are very insightful. But I have to worry, how do these ideas translate to a mobile screen?
where from u pick the inspired web design as you found in this video
I like this video, very informative and leearn something new
Great video, great redesigns! You are a legend! Keep going!
i learned a lot from this holy
how can i submit a website for redesign...? i have an appliance repair business
Awesome! Send me an email at george@designspo.co
Where can I study website designing?
hi, if we have so many services offered on our website which each service has an independent page to support the SEO, is it okay if we have a different design for each page? only keep the button color and radius, let's say. wdyt?
i mean, if those service one is working with data, and other is about creativity
what's the program he desgins with ?
The design software I use is called Figma
@@DesignSpo thank you sm
PERFECT VIDEO I WOULD SAY
What was the URL for Cardinal website looks fun
It’s cardinalapp.io
Hey, where can I submit my website for a redesign?
Hi! Please reach out to me at george@designspo.co if you'd like to submit your website. I'll be making another one of these videos soon :)
A designer's dream is a developer's nightmare💀👍
Amazing video. Subscribing
Thanks, glad you liked it!
ı just watch a 21 second and o clicked subs button
Super helpful!
How do you add what you created in Figma to the website?
You code it with HTML CSS and JavaScript (or pay someone else to lol). Figma is just used for mock-ups so the programmer knows what it’s supposed to look like
Some good ideas here, but you've glossed over several critical considerations. First, what about mobile? How will these designs translate to a phone screen? It is safe to assume that at least 1/2 of your audience will view your website on a phone. Getting something to look good at 1920x1080 is a lot easier than making the same thing work at 320px wide. Especially when you have text over an image. Speaking of which, your second big oversight is accessibility. In many cases, your designs produce text that is completely unreadable due to really poor contrast, especially when over an image. Finally, turning design to functional code could be a challenge. Some of these designs are not the most resilient. If something is slightly off, or if the text is a bit longer than in the comp, the visual balance goes out the window.
I think what you've shown has a lot of value, but please spend a bit more time to create accessible, mobile-friendly design comps that a developer can work with.
Our development and design agency can help you out in making professional website
@@Hastronautdesign I'm sure an agency spamming TH-cam comments can be completely trusted to provide excellent service.
How can i have you review my website?? Also can you post some videos on hostinger because that's the software I use and I think it'll benefit many people.
Great suggestions
What design software is this?
Guy, does anyone know a good UI Advanced course? I'm stuck in my career and don't know where to move. I've been working in product companies for several years and have not done any graphic stuff, just functional UX design. Whenever I get a task after an interview I'm stuck and don't know where to start, how to create those fancy graphic elements, illustrations and so on. My only tool now is Figma.
what program is this?