I'm in awe whenever I see impressive design implementations, But my immediate concern is always about the responsiveness of such designs. How should one approach this design to cater all screen sizes? Should we first start from mobile and then scale up? or the other way around? Would love to get some insights on this!
I'd prefer overlapping layout, image offset layout but in my experience, my supervisors do not understand. How do you convince them to allow you try new ideas ?
I don't mind cookie cutter for some websites. I have noticed a lot of websites which accessibility is a nightmare for people. I don't need to see custom shit flying all over the screen with custom typefaces so I can book my car in for a service.
I love the advice of looking at references every day - at the beginning of a design path it’s easy to feel that you rely to much on inspiration and constantly compare yourself with others, but after a certain point it’s also easy to get a little cocky and ignore what is happening in the industry so it’s nice to keep doing that regardless of where someone is
It depends, graphic design is not webdesign, very often the most boring layouts are the once that convert. From experience, i also, multiple times, created some visually stunning designs, only to find out in a/b tests that my classical "F" shaped landing page converted better.
This is the Worst advice ever. Your clients needs is appealing to their clients who are normal people, they want something simple and minimalistic, only bald tech bros with their 5k$ MacBook want to see that kind of design
For me being more into CRO, boring is good because the visitor does not get overwhelmed with all that is popping off on a fancy website design. Simple layout with simple messaging. After all isn't a websites job to convert either into a lead or a sale? it is for me and that is why boring works
It depends like you said on the type of client you’re working for,boring mainly works for corporate companies like a bank or a school, or e-commerce but like if you’re doing a job for a specific clientèle like an artist or portfolio or a kids websites those little features will make it far a better experience for the user
On a website, you have to build brand recognition, brand recall, and trust. If you have a boring cookie cutter website, you’re ensuring your website is forgettable, and there’s no evidence that the brand is any better than the competition. You don’t want useless clutter of course. No design for design sake. It has to LIFT. Each element needs to work hard at communicating something that fortifies the brand. This is done in different ways depending on the industry.
@@hellobontlol really? Because he doesn’t agree with your point? The website example you’re in this video isn’t even captivating, nor is it good UX. So why shove someone aside because they don’t agree…
@@hellobont does designing for accessibility in mind mean that this channel isn't for me? Or are you just planning on alienating an entire section of people to make a website look pretty? Oh by the way, why no mobile design? over 55% of web browsers are using mobile, why aren't you doing mobile designs? In fact why do all "design" youtubers ignore mobile devices all together. You guys are like a plastic bag full of air.
As much as I like minimalist looks, contrast really is everything. And also good typography. I love that he teaches people to go back to the fundamentals. Reminds me of Chris Doe. God bless guys sending love from my Jamaican flavored breadfruit roasting roots 🇯🇲❤️🇯🇲❤️
Ha that's a huge compliment, thanks! You can be minimalist and create impactful with a lot of contrast. For example, you can choose only two type hierarchies, and have them be super different like 16px and 114px. Cheers from Argentina!
very useful, I love hearing other people's thoughts especially in design :) Did you consider recording how you're transforming the desktop layout to a mobile one? Or from which you are starting at first?
Yall hating in the comments. Not mobile, complicated, difficult. Jeez, cry me a river. He's clearly got a style and is if it's not for you that doesn't mean the sites are bad.
These are excellent insights not just for web design but design and layout in general. I’m not a web designer but this resonates with me for all areas of graphic design - branding, print, digital and video & motion graphics. 👍
I've been designing for almost 4 years now, and this is one of the best videos I've every come across. I wished I had access to this when i started my carrier. But anyways its never late. keep it up, looking forward to more design related content.
What bothers me about these kind of youtubers is in real life, most of your clientele will not have _new_ and _modern_ tastes. They will certainly have an ugly logo, usually paired with some awful colors and font choice. Sure you can show off how cool are by making some dribbble layouts, but I felt that none of this information was all that helpful when, at the end of the day, your customer will not want any of these artistic design choices. For example, whenever I see someone make a design on dribbble, the first thing that comes to my mind, based on prior experiences is the customer will almost certainly ask for the logo to be much larger, more prominent. This will without a doubt throw off any of this new age style and completely change the experience
The examples you use are incredibly beautiful but 1. Wastes a lot of space, so bad UX. If the user has to scroll more than 3 or 4 folds youve lost them. 2. Some are very hard to read or have bad contradts. Bad forr accessibility. 3. Complex structure. there's no reading order or the reading order is hard to find. The UI is amazing. The UX could use some work.
This is just me, I am ok with boring site as long as they 1) provide good user experience so the visitor can easily understand/find what they are looking for and 2. ) Convert/engage. We do not design for ourselves but for the users of the sites.
Didn't heard anywhere what you're saying! I'm starting my web designer journey and I'm getting excited by what you're saying! First video that I've watch from you and I want to know more about how you think and work. Will definitely join your program as soon as possible! I've subscribed and I'll do your free course soon! Thanks for the value!
for mantrackers i am not able read context/ text and the image is dominating mantrackers. if you feel that my feedback is correct or if not please give me an explanation why did you used typography in such way there
Fantastic advice, but finding clients that are willing to pay for this degree of unique visual customisation is extremely difficult. Everything is driven by price. If it can't done and delivered in 2 days, you become too expensive and don't get the job. Putting in 2 weeks work for the price of 2 days is not financially viable and even ruins the pricing for the whole industry. What are your thoughts on delivering cookie-cutter vs custom work when the client only wants to pay cookie cutter prices?
Hi Stephen! Low budget clients are driven by price, correct. But high budget clients want to save time, so price is not the main consideration. They will pay a higher price if they know you're an expert who can deliver and do it well in as little time and effort as possible. So it really depends who you want to work with!
Sorry, to answer your question: if you try to sell a custom website to a client who doesn't want it, you will waste your time because it's not a good fit. When selling, you want to look for a fit, not convince or manipulate someone to buy something they don't want or CAN'T buy.
How come you designed your page on a 1920px 1080px dimension instead of the standard frame that figma uses for desktop? I've been struggling with correct website dimensions for a while. I get the issue of making the design responsive for scaling, but shouldn't you design on the figma frame?
To me, it's easier to strip down a design than the other way around. I would rather design the full experience in HD, and then simplify for smaller screens. Video on responsive coming up this year, stay tuned!
I would add something, when doing the design, always think of the main goal of the page (of your client):) With that red abstract layout design, I would say that CTA gets lost in both colour, layout, and this could lead to lower CRO:)
Thank you! I'm happy I found your channel) You have a slightly different point of view in describing the basic canons of design, and it suits me better.
The age of desktops and laptops are gone. I always start with a mobile version of the site and work my way up to big screens. Small to big is always better than big to small. Works on all aspects of life.
Hi, how are you Bont? About the first tip (or LAW). What would be the content that should guide me? The content of the product is what it teaches or what it is. Or the COPY that I will use in my layouts.
The copy could help for sure, but in the "Mantrackers" website, the idea of the broken typography came from the topic of the series, not the copy. Maybe the copy is not good enough, so it's always you're job as a designer to understand what's unique about the business you're designing for, and make visual decisions that show that uniqueness. If I was commissioned to design a website for a series like this, the first thing I would do is watch at least a few chapters to understand what the series is about. Hope that help but let me know if you have any follow up questions!
thanks ! loved all of the tips, i'm just dipping my toes into web design and here after my first ever design in figma. also just wanted to note, the video looks amazing and very professional, the last 1 percent that's missing is some kind of background music other than that it was very useful thanks a lot !
Glad to hear Greg! Do you mean where to learn how to build this with code? If that's what you're asking, take a look at my video "should freelance web designers learn to no code?" :)
That’s the greatest advice! I’m glad I’ve found your channel. I’m new to this area and really love designing stuff, especially web design/graphic design. ❤
Golden advice. Are there more resources for developing your layout and composition skills? I want to go deep into these topics as I know my designs are just cookie-cutter websites for now. I'm sick of lack of creativity in my designs.
There are lots of videos on UA-cam... not sure exactly what you're looking for. And I also have several hours of content specifically about composition in my mentorship program. Let me know if you have specific questions about this topic and I'll take note and try to cover it in the future.
Thanks for the reply@@hellobont I did check the course on your website. I'm sure I will not be able to afford it currently but one day I will enroll definitely. By resources, I meant any specific videos/books/websites, etc. that I can refer to gain in-depth knowledge about layout and composition. I'm always fascinated by the creative websites on Awwwards website, eager to know how they would have done it. I need to know how to think like a designer who can create these types of websites. Thank you for your patience with all these questions.
I don't know any other particular resources about composition. I hace learned this from replicating other designs I admire, and a LOT of practice. To think like an advanced designer, I would encourage you to watch this tutorial and the ones on Art Direction several times, and put the idea into practice!
hi gret video as a new web designer this video helped me a lot! i was wondering about the svg bridge and the car did you din that readyor did you make it your self? i am looking for websites that offer those images and svg files and icons like this one even paid of course, so yif you could share some links where i could find those it would be a huge help :) thanks in advance
like all in life DEPENDS, if its a personal site or "creative" product SURE be as wild as you want, but if its a BUSINESS site then clients will get confused and just leave
Hi Adrián, I recently stumbled upon your channel and I must say, your content is fantastic! Thank you so much for creating such valuable content. I was wondering if you could provide some insights on how designers can elevate their skillsets? How to practice every day
You are totally ignoring mobile devices, how will this work on mobile devices? Some of the examples won't work, or are overly complicated to implement, with minimal added effect. That's why we often see simple layout - it's often enough.
Sigh... another "mobile first"and it's too "complicated to build" comment. If you've been working in the industry for a while, you'll appreciate that not every project calls for prioritizing mobile. Secondly, I find it fascinating when the in-house developers say "this is too complicated/can't be done" - only for a freelancer to rock up and complete it without complaining. 😂
@misteralexflynn yeah, but this is what data says if you analyse your traffic. People most likely will use mobile version and they dont care about fancy transition and web design trends. You can be cocky and say yeah its my way, my rules, use PC and monitor, but you wont get clients.
So useful! Thank you! Loved the designs. If I may, as a fellow youtuber/podcaster, I would suggest removing white noise in the background. I use Audacity for that particular task - super simple and quick. Makes a huge difference.
Thanks for the tip! I'll check Audacity, never tried for this purpose, and never took the time really to find a proper solution, even though I'm very aware of the bg noise and it bugs me too :P
Your content is always inspiring! one question come to my mind, how do you translate it to code or hand it off to developer? is there extra step? especially for the golden canon grid. Anyway, thank you so much🙌🙌
Sorry, to answer briefly: I don't code, I hand off the project to developers who match my skills :) Explaining how to handoff in a comment is difficult, but I'll take note of the idea for future videos!
@@hellobont Wow, thank you so much! I have been watching your videos and dreaming to become expert in design only, not both world (design and code). But, you know, gotta pay the bill😂
This video is amazing, thank you so much! I feel so many people just throw together common sense tips and don't even elaborate, but you on the other hand, I can tell every point you brought up had a lot of thought and intention behind it.
In this case I only took into account this title. If I was designing for an actual series, the title shouldn't change unless it's translated to other languages, in which case I would do rules of how the title would behave in different lengths.
one of the best mind opening guide I received in my design journey, may be at right time also, thanks for opening my mind, as I was not satisfied with my web project, I was feeling like there is something missing, but yes, now I got those element, which was missing, yo thanks so much.
I just started in the field of UI/UX design, I thought when I designed something while looking at other people's references was the wrong thing because copying other people's designs, but it turned out that references opened up a lot of ideas in me.
Hola Bont! Te quiero agradecer por el contenido que compartis, es genial para "pensar fuera de la caja"! Te quería hacer una consulta respecto al punto 8 y las grids con alineaciones más interesantes... ¿Cómo pensás ese tipo de grids para diseño responsive? Abrazo grande!
I Like You, You are genuine & visionary , give any book recommendations about Solve my question which is How to design which can’t outdated, i design but its boring after 3 or 6 months also have 3+ year experience of digital design .
As a UX/UI designer I am interested in improving my web design skills and I wonder those that join your Bont Academy are they more creative /graphic web designers or Product Designers that also specialize in UX?
You are giving really amazing information.... but I am a little bit confused because I made an animated design in figma but I can't make that design online at WordPress...... can you give solution for this problem
I was scrolling by and the one you effed i could read and the one with the check i couldn't. and even though they say the same thing I couldn't read it haha. dumb rules
Always waiting for your video , nice info however I visited your website on mobile it's not functioning properly and also want to know how you optimise website for mobile responsive
thanks for the tips i think very usefull for me. All example you give for desktop version, how to handle mobile view version, any tips or trick? i think it will be challenging to convert them
Any follow up questions? Shoot!
I'm in awe whenever I see impressive design implementations, But my immediate concern is always about the responsiveness of such designs. How should one approach this design to cater all screen sizes? Should we first start from mobile and then scale up? or the other way around? Would love to get some insights on this!
Can you link to that pinterest board?
I'd prefer overlapping layout, image offset layout but in my experience, my supervisors do not understand. How do you convince them to allow you try new ideas ?
That's coming soon! :)
You don't convince them, you find a company who understands and values the types of designs you want to be doing.
I don't mind cookie cutter for some websites. I have noticed a lot of websites which accessibility is a nightmare for people. I don't need to see custom shit flying all over the screen with custom typefaces so I can book my car in for a service.
Lol
Especially those on web flow. Sometimes they overkill with the animations
I love the advice of looking at references every day - at the beginning of a design path it’s easy to feel that you rely to much on inspiration and constantly compare yourself with others, but after a certain point it’s also easy to get a little cocky and ignore what is happening in the industry so it’s nice to keep doing that regardless of where someone is
100% my friend!
It depends, graphic design is not webdesign, very often the most boring layouts are the once that convert. From experience, i also, multiple times, created some visually stunning designs, only to find out in a/b tests that my classical "F" shaped landing page converted better.
Agreed that efficiency is the first priority. It's actually what I consider the number 1 law of Good Web Design.
copy that; also some design here looking good on desktop, but they break for sure on mobile, f.e. bridge transition journey. but ty for sharing. o/
This is the Worst advice ever. Your clients needs is appealing to their clients who are normal people, they want something simple and minimalistic, only bald tech bros with their 5k$ MacBook want to see that kind of design
For me being more into CRO, boring is good because the visitor does not get overwhelmed with all that is popping off on a fancy website design. Simple layout with simple messaging. After all isn't a websites job to convert either into a lead or a sale? it is for me and that is why boring works
Ok! This channel is probably not for you then :)
It depends like you said on the type of client you’re working for,boring mainly works for corporate companies like a bank or a school, or e-commerce but like if you’re doing a job for a specific clientèle like an artist or portfolio or a kids websites those little features will make it far a better experience for the user
On a website, you have to build brand recognition, brand recall, and trust.
If you have a boring cookie cutter website, you’re ensuring your website is forgettable, and there’s no evidence that the brand is any better than the competition.
You don’t want useless clutter of course. No design for design sake. It has to LIFT. Each element needs to work hard at communicating something that fortifies the brand.
This is done in different ways depending on the industry.
@@hellobontlol really? Because he doesn’t agree with your point? The website example you’re in this video isn’t even captivating, nor is it good UX. So why shove someone aside because they don’t agree…
@@hellobont does designing for accessibility in mind mean that this channel isn't for me? Or are you just planning on alienating an entire section of people to make a website look pretty?
Oh by the way, why no mobile design? over 55% of web browsers are using mobile, why aren't you doing mobile designs? In fact why do all "design" youtubers ignore mobile devices all together. You guys are like a plastic bag full of air.
Great tips. The Pinterest boards were GOLD! Inception tip within the tip. Thanks for that!
As much as I like minimalist looks, contrast really is everything. And also good typography. I love that he teaches people to go back to the fundamentals. Reminds me of Chris Doe. God bless guys sending love from my Jamaican flavored breadfruit roasting roots 🇯🇲❤️🇯🇲❤️
Ha that's a huge compliment, thanks! You can be minimalist and create impactful with a lot of contrast. For example, you can choose only two type hierarchies, and have them be super different like 16px and 114px. Cheers from Argentina!
very useful, I love hearing other people's thoughts especially in design :) Did you consider recording how you're transforming the desktop layout to a mobile one? Or from which you are starting at first?
Great tips! Would be great a video that explain how do you create those compositions taking in mind the different breaking points :)
Many requested this, so it's definitely coming oming soon!
Yall hating in the comments. Not mobile, complicated, difficult. Jeez, cry me a river. He's clearly got a style and is if it's not for you that doesn't mean the sites are bad.
This one made my day, thanks 😂🫶
These are excellent insights not just for web design but design and layout in general. I’m not a web designer but this resonates with me for all areas of graphic design - branding, print, digital and video & motion graphics. 👍
I've been designing for almost 4 years now, and this is one of the best videos I've every come across. I wished I had access to this when i started my carrier. But anyways its never late. keep it up, looking forward to more design related content.
Wow, thank you so much for your kind words 🙌😊
All looks great. Can you provide more mobile layouts, as it’s more actual in novadays
Will do! Thanks for the suggestion
What bothers me about these kind of youtubers is in real life, most of your clientele will not have _new_ and _modern_ tastes. They will certainly have an ugly logo, usually paired with some awful colors and font choice. Sure you can show off how cool are by making some dribbble layouts, but I felt that none of this information was all that helpful when, at the end of the day, your customer will not want any of these artistic design choices. For example, whenever I see someone make a design on dribbble, the first thing that comes to my mind, based on prior experiences is the customer will almost certainly ask for the logo to be much larger, more prominent. This will without a doubt throw off any of this new age style and completely change the experience
MOBILE FIRST. Why we keep showing off desktop horizontal layouts that do not translate to phones is pointless.
The examples you use are incredibly beautiful but 1. Wastes a lot of space, so bad UX. If the user has to scroll more than 3 or 4 folds youve lost them. 2. Some are very hard to read or have bad contradts. Bad forr accessibility. 3. Complex structure. there's no reading order or the reading order is hard to find. The UI is amazing. The UX could use some work.
This is just me, I am ok with boring site as long as they 1) provide good user experience so the visitor can easily understand/find what they are looking for and 2. ) Convert/engage. We do not design for ourselves but for the users of the sites.
Timestamps:
00:45 - 1. Make meaningful decisions
02:57 - 2. Don't be mild
04:48 - 3. Create depth
06:38 - 4. Reference more
08:47 - 5. Show me, don't tell me
10:33 - 6. Use typologies of information
11:54 - 7. Iterate
12:52 - 8. Switch alignments
14:21 - 9. Try new layouts
Thanks so much! Just added these so the video has chapters :)
I'd like to see those examples in the mobile version and see how they had been adjusted to a small screen :)
Coming soon!
Awesome!! :D @@hellobont
Still thinking what to place, as a content, to that small texts. If I have text from copywriter for heading and text (claim) what to put there?
Didn't heard anywhere what you're saying! I'm starting my web designer journey and I'm getting excited by what you're saying! First video that I've watch from you and I want to know more about how you think and work.
Will definitely join your program as soon as possible! I've subscribed and I'll do your free course soon! Thanks for the value!
Super happy to hear that man! Keep at it and hope to see you soon inside the BONT Club :)
for mantrackers i am not able read context/ text and the image is dominating mantrackers. if you feel that my feedback is correct or if not please give me an explanation why did you used typography in such way there
Fantastic advice, but finding clients that are willing to pay for this degree of unique visual customisation is extremely difficult. Everything is driven by price. If it can't done and delivered in 2 days, you become too expensive and don't get the job. Putting in 2 weeks work for the price of 2 days is not financially viable and even ruins the pricing for the whole industry.
What are your thoughts on delivering cookie-cutter vs custom work when the client only wants to pay cookie cutter prices?
Hi Stephen! Low budget clients are driven by price, correct. But high budget clients want to save time, so price is not the main consideration. They will pay a higher price if they know you're an expert who can deliver and do it well in as little time and effort as possible. So it really depends who you want to work with!
Sorry, to answer your question: if you try to sell a custom website to a client who doesn't want it, you will waste your time because it's not a good fit. When selling, you want to look for a fit, not convince or manipulate someone to buy something they don't want or CAN'T buy.
Dude your a legend thanks! you got the adhd in me thinking creative again
How come you designed your page on a 1920px 1080px dimension instead of the standard frame that figma uses for desktop? I've been struggling with correct website dimensions for a while. I get the issue of making the design responsive for scaling, but shouldn't you design on the figma frame?
To me, it's easier to strip down a design than the other way around. I would rather design the full experience in HD, and then simplify for smaller screens. Video on responsive coming up this year, stay tuned!
Sir your Thumbnail font name please 🙏
I would add something, when doing the design, always think of the main goal of the page (of your client):)
With that red abstract layout design, I would say that CTA gets lost in both colour, layout, and this could lead to lower CRO:)
That can only be known when testing 🤷♂️
@@hellobont thats true, just coming from my personal experience 😃
Thank you! I'm happy I found your channel) You have a slightly different point of view in describing the basic canons of design, and it suits me better.
Welcome aboard! Glad you like my explanations 🙌
Sorry but that font is so bad, I can’t even tell what it says!
The age of desktops and laptops are gone. I always start with a mobile version of the site and work my way up to big screens. Small to big is always better than big to small. Works on all aspects of life.
Thanks for sharing your opinion!
Hi, how are you Bont? About the first tip (or LAW). What would be the content that should guide me? The content of the product is what it teaches or what it is. Or the COPY that I will use in my layouts.
The copy could help for sure, but in the "Mantrackers" website, the idea of the broken typography came from the topic of the series, not the copy. Maybe the copy is not good enough, so it's always you're job as a designer to understand what's unique about the business you're designing for, and make visual decisions that show that uniqueness. If I was commissioned to design a website for a series like this, the first thing I would do is watch at least a few chapters to understand what the series is about. Hope that help but let me know if you have any follow up questions!
This was a value-packed video. I'm tired of seeing the basic, text-left and image-right layout. This was great!
Glad you enjoyed it!
You didn't design those website but thanks for the design tips
thanks ! loved all of the tips, i'm just dipping my toes into web design and here after my first ever design in figma.
also just wanted to note, the video looks amazing and very professional, the last 1 percent that's missing is some kind of background music
other than that it was very useful thanks a lot !
Glad it was helpful!
What platform are you using for your designs
Can somebody tell me what software he's using at 12:20? Great video thank you for the inspiration!
No problem! That's Figma :)
Loved the video!!! Any recommendations on where to learn the technicality and how to build designs like shown.
Glad to hear Greg! Do you mean where to learn how to build this with code? If that's what you're asking, take a look at my video "should freelance web designers learn to no code?" :)
That’s the greatest advice! I’m glad I’ve found your channel. I’m new to this area and really love designing stuff, especially web design/graphic design. ❤
Welcome aboard my friend! Glad you're enjoying my content. Happy learning!
Can I create this advanced Designs and recreate then in wordpress/Elementor without coding ? (in case I want do my own, not the client projects)
I don't build my websites so I don't know!
why do I feel like you're jut reading a script written by an AI the longer I watch the video ?
😂
Golden advice.
Are there more resources for developing your layout and composition skills?
I want to go deep into these topics as I know my designs are just cookie-cutter websites for now.
I'm sick of lack of creativity in my designs.
There are lots of videos on UA-cam... not sure exactly what you're looking for. And I also have several hours of content specifically about composition in my mentorship program. Let me know if you have specific questions about this topic and I'll take note and try to cover it in the future.
@@hellobont Thanks for the excellent video. what is the course fee for your mentorship program?
Thanks for the reply@@hellobont
I did check the course on your website. I'm sure I will not be able to afford it currently but one day I will enroll definitely.
By resources, I meant any specific videos/books/websites, etc. that I can refer to gain in-depth knowledge about layout and composition.
I'm always fascinated by the creative websites on Awwwards website, eager to know how they would have done it.
I need to know how to think like a designer who can create these types of websites.
Thank you for your patience with all these questions.
It's a 4-figure investment. Feel free to apply and if you qualify we can have a chat about the details.
I don't know any other particular resources about composition. I hace learned this from replicating other designs I admire, and a LOT of practice. To think like an advanced designer, I would encourage you to watch this tutorial and the ones on Art Direction several times, and put the idea into practice!
Only bla bla. I wanted to see what you are talking about.
What I saw is a guy talking. Where is the webdesign, we are promised in the title?
Thanks for the comment anyways, it helps promote the video 👌
hi gret video as a new web designer this video helped me a lot! i was wondering about the svg bridge and the car did you din that readyor did you make it your self? i am looking for websites that offer those images and svg files and icons like this one even paid of course, so yif you could share some links where i could find those it would be a huge help :)
thanks in advance
I did the car and the bridge. But I love this website for illustrations and icons of that sort: thenounproject.com/
getting me to redownload pinterest, whoa
like all in life DEPENDS, if its a personal site or "creative" product SURE be as wild as you want, but if its a BUSINESS site then clients will get confused and just leave
Ok!
Hi Adrián, I recently stumbled upon your channel and I must say, your content is fantastic! Thank you so much for creating such valuable content. I was wondering if you could provide some insights on how designers can elevate their skillsets? How to practice every day
Welcome aboard! To practice, choose a website on your niche, and redesign the hero, or the whole website! That's the best exercise
Great video Bont. What web design tools do you use in designing your websites?
Figma + Principle!
You are totally ignoring mobile devices, how will this work on mobile devices? Some of the examples won't work, or are overly complicated to implement, with minimal added effect. That's why we often see simple layout - it's often enough.
Ok 🤷♂️
Whiney and incompetent.. exactly what he was trying to prevent.
Sigh... another "mobile first"and it's too "complicated to build" comment.
If you've been working in the industry for a while, you'll appreciate that not every project calls for prioritizing mobile.
Secondly, I find it fascinating when the in-house developers say "this is too complicated/can't be done" - only for a freelancer to rock up and complete it without complaining. 😂
@misteralexflynn yeah, but this is what data says if you analyse your traffic. People most likely will use mobile version and they dont care about fancy transition and web design trends.
You can be cocky and say yeah its my way, my rules, use PC and monitor, but you wont get clients.
Do it yourself then.
Thank you for the great video 👍
My pleasure!
great content but I feel like the 3 and 6 are kinda similar, did i understand it wrong?
Yes haha watch again
What software do you use ?
Loved this video!
Just realized that I have been applying some of your tips 🎉
That's super cool my friend! You got this 👊
subscribed, I've kind of stepped away from design because I was working on other stuff, but this is a great refresher and helps build my confidence.
Thank you
Love it! This has got to be the most comprehensive video on layout!
Wow, glad you think so!
awesomeness here
this is so valuable thank you so much!
You're so welcome man!
So useful! Thank you! Loved the designs. If I may, as a fellow youtuber/podcaster, I would suggest removing white noise in the background. I use Audacity for that particular task - super simple and quick. Makes a huge difference.
Thanks for the tip! I'll check Audacity, never tried for this purpose, and never took the time really to find a proper solution, even though I'm very aware of the bg noise and it bugs me too :P
@@hellobont here’s how I do it. Works really well I find: ua-cam.com/video/ov5x3fTIemo/v-deo.htmlsi=U1MJMPXQB-pcgxNe
Your content is always inspiring! one question come to my mind, how do you translate it to code or hand it off to developer? is there extra step? especially for the golden canon grid. Anyway, thank you so much🙌🙌
Noted! Thanks for the idea, and glad the content helps man :)
Sorry, to answer briefly: I don't code, I hand off the project to developers who match my skills :) Explaining how to handoff in a comment is difficult, but I'll take note of the idea for future videos!
@@hellobont Wow, thank you so much! I have been watching your videos and dreaming to become expert in design only, not both world (design and code). But, you know, gotta pay the bill😂
where could I find boring website or old websites for redesign ?
Everywhere lol
I heard the term "Police Designers" for the first time 🤣
lol
Is this design and the development or only design?
Only the design!
i love your websites!! is it possible to see more of your website projects?
Thanks, you can see more of my works in my social media accounts, links in the description!
this is the way
Amazing!
This video is amazing, thank you so much! I feel so many people just throw together common sense tips and don't even elaborate, but you on the other hand, I can tell every point you brought up had a lot of thought and intention behind it.
I'm so glad to hear you found my content unique and valuable! Means a lot!
Brill!!!
@hellobont What would happen if the title is too long?
In this case I only took into account this title. If I was designing for an actual series, the title shouldn't change unless it's translated to other languages, in which case I would do rules of how the title would behave in different lengths.
Great
💯💯
Thanks, dude. I'm very glad that I found your channel
Nice
12:15 What is this grid? and how do I find out more about it?
It's what I call the "Golden Canon Grid". Search for it like that in my channel, I have some tutorials about it ;)
I find it difficult to navigate on pages where similar design approaches are used
I do not think they are boring. They were readable. Like the one on preview, I like how it was before remake.
one of the best mind opening guide I received in my design journey, may be at right time also, thanks for opening my mind, as I was not satisfied with my web project, I was feeling like there is something missing, but yes, now I got those element, which was missing, yo thanks so much.
You're so welcome! Glad you found it valuable!
Super helpful video. What fonts did you use for "Mantrackers" and "Observations?"
They are listed in the description!
I just started in the field of UI/UX design, I thought when I designed something while looking at other people's references was the wrong thing because copying other people's designs, but it turned out that references opened up a lot of ideas in me.
Hola Bont! Te quiero agradecer por el contenido que compartis, es genial para "pensar fuera de la caja"!
Te quería hacer una consulta respecto al punto 8 y las grids con alineaciones más interesantes... ¿Cómo pensás ese tipo de grids para diseño responsive?
Abrazo grande!
Hola Paula, muchas gracias por tus palabras! Voy a estar subiendo pronto un video sobre responsive. Asegurate de subscribirte a mi newsletter :)
I Like You, You are genuine & visionary , give any book recommendations about Solve my question which is How to design which can’t outdated, i design but its boring after 3 or 6 months also have 3+ year experience of digital design .
Glad you like my content! Check the video on the 7 laws of Good Web Design to create timeless websites!
As a UX/UI designer I am interested in improving my web design skills and I wonder those that join your Bont Academy are they more creative /graphic web designers or Product Designers that also specialize in UX?
Hey UA-cam Junkie :P The members of the BONT Club are in the path to specialize in Web Design. You can read more about the program on my webiste!
Great advice! Thank you for your help.
bro no way I xame across this!!! this was amazing
Amazing content mate.
Much appreciated Tharun, and happy to have been able to chat ;) Keep up the great work!
You are giving really amazing information.... but I am a little bit confused because I made an animated design in figma but I can't make that design online at WordPress...... can you give solution for this problem
I don't code my websites!
You're very creative! THX for the tips.
great video. thanks for posting.
Que - What is the tool that is adding the rulers on the browser page where you talk about switching alignments ?
It's a Chrome extension. Google "ruler Chrome extension" ;)
Valuable insights my friend, you got yourself a new subscriber! 👌🙏🏻
Welcome aboard!
how to responsive this design for all device
I have a video about responsive, check it out ;)
@@hellobont Thank you
Thank you for so useful content, definitely will go to check out the course 😊
This is a really good video!
Hi, very informative video. Could you explain that Grid from the Iterations or grids in general in another video?
Sure! Any particular questions on grids? Would help me know what you need to learn. Grids are a wide topic!
Great video, glad i found this channel
I was scrolling by and the one you effed i could read and the one with the check i couldn't. and even though they say the same thing I couldn't read it haha. dumb rules
Ok!
Tons of valuable information, thank you so much. It helped me a lot.
Great to hear Aryana! :)
Always waiting for your video , nice info however I visited your website on mobile it's not functioning properly and also want to know how you optimise website for mobile responsive
I know... I'm too lazy to create the mobile version of my site. Please check it on desktop 💪 and I'll definitely do a video on responsive design!
thanks for the tips i think very usefull for me. All example you give for desktop version, how to handle mobile view version, any tips or trick? i think it will be challenging to convert them
Glad it was helpful! Will do a video with responsive designs
I love your design, love your approuche, feeling all you talked about, keep going!
Thank you! Will do!
incredible input and inspiring, the modality of your teaching is like a meditation, dont want to watch other youtube videos now lol
Wow, thank you!