3 secret steps to Art Direction: designing websites that stand out
Are you wondering how to keep your websites fresh and timeless, so that they stand out from the crowd? In this video, I'll walk you through my secret three-step process to good Art Direction, which can help you stand out among your clients and other designers in the industry. You'll learn where to find inspiration for Web Design in unique ways, and how to implement those ideas to create cool and timeless websites. This is the real art of visualizing your clients' business and telling their story in a way that nobody else has done before.
• Brand Identity Design ...
FREE GOLDEN CANON GRID COURSE
If you want to join thousands of students in learning 5 secrets to design beautiful websites with the Golden Canon Grid, check out my free Golden Canon Grid course for Web Designers.
bont.academy/golden-canon-gri...
READY TO JOIN THE WEB DESIGN MASTER CLASS?
If you are ready to peak your Web Design skills & learn how to monetize them so you can have more freedom to do the things that you love, then click the link below to apply to my signature program, the Web Design Master Class. I will schedule a call with you so we can chat and decide if my program is the right fit for you:
Apply here:
forms.gle/vwST9T89WK1zBNcf6?u...
Furniture Shop - Pinterest board example:
/ furniture-shop-graphic...
TWEET THIS VIDEO: ctt.ac/b4F0w
DM me on social media:
• Instagram: / hellobont
• LinkedIn: / adriansomoza
Check out my works:
• Behance: www.behance.net/adriansomoza)
• Dribbble: dribbble.com/adriansomoza)
KZread Video URL: • 3 secret steps to Art ...
Пікірлер: 147
This video is highly informative, even for experienced designers. It provides valuable insights and techniques that can be applied in professional work. The tips and tricks presented are particularly useful and have the potential to improve the quality of work produced. Overall, this video is an excellent resource for designers seeking to enhance their skills and stay up-to-date with the latest trends and best practices👍👍👍
@hellobont
Жыл бұрын
Thanks for the kind words man! :D
Thank you for being so generous. This was super helpful!
@hellobont
11 ай бұрын
Thanks for your kind words Louise!
This is gold! No other youtubers give this kind of information. Hope you continue giving us this kind of content.
@hellobont
2 ай бұрын
Thanks! Will do!
Welcome back Adrian. Always looking forward to more great videos like this.
@hellobont
Жыл бұрын
Hey Samuel! Thanks, it's great to be back. DM me on Instagram, let's connect there!
@kayodedesign
Жыл бұрын
@@hellobont Sure, I'll. Sorry just seeing this.
Cara, conheci seu canal agora e, definitivamente, não tinha visto tanta lucidez e serenidade pra falar sobre design. Aprendendo muito com seu conteúdo, muito obrigado.
@hellobont
11 ай бұрын
You're very welcome my friend! Thanks for your kind words 🙌
Good to see you back and super helpful video. Thank you.
@hellobont
Жыл бұрын
Thanks for the support man!
So lucky i found this channel. Thank you for giving this high quality product for free.
@hellobont
Жыл бұрын
Glad you found my channel so we can connect man. Thank you for applying to the WDMC, just sent you an email about that. Looking forward to chatting with you!
Thank you for this! this is what i needed to see and I cant believe i found it on a free youtube video! your videos are amazing and inspiring
@hellobont
7 ай бұрын
I'm so glad you found it valuable David. Welcome to the BONT community!
I just found you and I am so happy! You are fantastic! 🙏🏽
@hellobont
3 ай бұрын
Thanks Tiffany! Welcome aboard :)
Very helpful, that's basic graphic design 101, but with time I'm taking shortcuts, going lazy and doing what everyone is doing. Thanks for sharing your tips
@hellobont
11 ай бұрын
It's foundational, agreed! I don't think it's basic, otherwise most designers would be applying this. I've only seen advanced designers really yield this process well. Glad you enjoyed the video!
This is an absolutely fantastic video, thank you for sharing your secret wizard knowledge. UI/UX is always the most challenging part for me, I'm gonna start using this strategy in my front end work starting now. Immediate sub!
@hellobont
11 ай бұрын
Glad you found it helpful Ryan, welcome!
Channels like these are very rare, or at least to me they are. So I subscribed immediately.
@hellobont
Жыл бұрын
Thanks my friend, and welcome to my channel 🙌✨️
Disecting pkmetal and just noticed you have multiple h1 elements on the landing page... great Scott!
Amazing video! Thank you for sharing your proccess with us, liked and subscribed already! I would only add to always balance aesthetics with UX. Don't make people think and search for important elements. Other than that, very valuable advice. Will definitely add this to my own process
@hellobont
11 ай бұрын
Thanks Chris! I think those tips are important too, agreed. When you say "balance visuals and UX", to me it sounds like you think that those two things are separate. To me, everything I share in this or any of my design videos are UX tips too. I think we confine UX to site metrics, user research and those types of things, and we often forget that visuals, animations, interactions and storytelling (Art Direction) greatly influence how users experience our designs.
Hi, I like your workflow ! Going from general to specific is very effective to get unique design and avoiding trends. Thank you for sharing
@hellobont
11 ай бұрын
Exactly! You're very welcome my friend!
Thank you for the great content. Your goldent cannon grid video was very useful to me, and I'm sure this one will be too ... Cheers
@hellobont
Жыл бұрын
I hope so! Cheers :)
I've been searching far and wide for a video like this for so long. This really helps since I'm self taught!
@hellobont
Жыл бұрын
So glad to hear Myles! Great to connect!
I'm really happy that you're back, your videos are mind-blowing!
@hellobont
Жыл бұрын
Thanks Ruhayyim! I'm excited to be back ✨️
Sir you finally made this video ! I am one of those people who asked for this video. Thank you so much.
@hellobont
Жыл бұрын
Ahhh so glad you were able to see it then man!
This was amazing my friend.
@hellobont
Жыл бұрын
Thanks dude 🫡✨️
Good to have you back my guy
@hellobont
Жыл бұрын
Thanks a lot!
Hello, thank you for the work done, this video is very useful for me, thank you for sharing your knowledge and skills, success in your work.
@hellobont
Жыл бұрын
Thanks a bunch! Glas you found this video helpful 🙌
I love it.
excellent one!!!! thank you for your secret recipe 🥰
@hellobont
Жыл бұрын
Ohhh fo sho man! Glad to help :)
A gold mine of a video!
@hellobont
Жыл бұрын
🙏✨️
I was just thinking about this partly. The art form of (environmental story telling) that is used in game and movie enviorment to tell a story (with/without) words. This fully applies to a good website it tells a story and makes you feel like you are in a certain space if it is well done. Also classic and true advice. For inspiration go back to the beginning always!
@hellobont
Жыл бұрын
Yes, exactly! It brings in visual narrative to the design.
Awesome, you're back! 👍
@hellobont
Жыл бұрын
Indeed my friend!
Very insightful! Your channel will become big!
@hellobont
11 ай бұрын
Thanks Jay! 🙏
great information ! thanks for sharing!
@hellobont
Жыл бұрын
You're welcome Marya!
Your examples are following trends. Fancy preloader, parallax animation, transitions, scrolling effects, fullscreen video background, typography, tweens, ... its not because of some screws!
@hellobont
11 ай бұрын
Thanks for sharing your point of view. I think everything you mentioned are not trends but rather well established design patterns. It's the way you execute those things, the narrative behind why you choose them, and how well can you weave them to communicate your client's unique edge that can really help you differentiate your projects from the crowd. But hey, I might be wrong!
If I could give this video a superlike, I would. :-) Amazing tips. Thank you!
@hellobont
7 ай бұрын
Wow, thanks!
Nice!
wow! this is stunning!!
@hellobont
Жыл бұрын
Appreciate it man!
@mondemarafane5486
11 ай бұрын
@@hellobont I really love the visual metaphors and how this detail makes a site unique! also like how you've positioned to the grid so it carries the alignment down the page
@hellobont
11 ай бұрын
Yes! Good observation 👌 Glad you enjoy the video man 🙌✨️
great stuff. keep doing
@hellobont
Жыл бұрын
Will do, thanks 🙏✨️
Hope you continue make video 🎉.. Great tutorial for us.. btw didn't find free class on that link..
@nasimmahamud6304
Жыл бұрын
Okey got it from laptop.. thanks again ❤
@hellobont
Жыл бұрын
I will continue, yes! Cheers man
Excelente parcero, de verdad que estos puntos que has tratado, son claves muchas veces olvidadas, quizás por la velocidad que imprime el cliente, pero necesarias para sacar un buen diseño. Gracias.
@hellobont
7 ай бұрын
Un gusto Pedro!
Amazing content please update more art director videos
@hellobont
11 ай бұрын
Will do 👊
just WOW!
@hellobont
Жыл бұрын
Cheers 😊
Bro u should start another channel and talk about 'how to set up lighting for detective/thriller short film". Great set up there ;)
@hellobont
11 ай бұрын
Haha thanks!
Thank you for sharing this Adrian. Your layouts and composition are amazing. I have trouble visualizing and getting started from a blank slate. Could you share a little bit about your process for going from a blank page to a rough composition? Do you have an idea in your mind of what the layout should be, or do you play around with the composition until you are happy with it? How do you decide what elements to even include in the composition? Visualization or picturing something in my mind seems to be what I struggle with the most.
@hellobont
5 ай бұрын
Thanks James, I appreciate it! I talk a bit about your question in the video "9 advanced tips of layout & composition", and also I have a two part video series on my entire process for designing a landing page. Have you checked them out?
@jamesbryan240
5 ай бұрын
@@hellobont I believe so, but let me give them another watch and key in on that aspect of it! Appreciate the reply!
Thank you so much for the insight! I’m wondering if the clients would ask you what’s the concept or the meanings behind the ideas? And normally how do you present it before showing them the overall look and feel?
@hellobont
21 күн бұрын
You're very welcome! I explain the concept proactively, I don't wait for the client to ask me. Have a thought process behind your decisions helps anchor your decision in their business goals, and makes it less likely that they will argue about your decisions. I present this in a simple conversation sharing my screen, I'm not a fan of decks and presentations. Let me know if that answers your questions!
learn from Bont a lot!
@hellobont
Жыл бұрын
Thanks Rian! Glad to hear that 🙌
I just found your channel, I barely watched 30 seconds of the video and I'm already interested about your Web Design Master Class. Where do i get some info in about the price involved to participate on this course?
@hellobont
Жыл бұрын
Hey man! Thanks a bunch. If you're interested on the Web Design Master Class you can apply via this form: forms.gle/mLHw4U22Vts3ve528. I'll then reach out to schedule a call with you and we can discuss the details there!
Awesome please bring a series on tuts and teach the creative web design with the process.
@hellobont
Жыл бұрын
Sounds good!
@learncode5110
Жыл бұрын
@@hellobont Yeah! that's the good idea best for public to learn
Thank You
@hellobont
Жыл бұрын
Welcome!
Using ai tools for reference is also very helpful Like midjourney, stable diffusion
@hellobont
Жыл бұрын
Agree it could be useful in some cases. Not always though, and specially not if you use the word "Dribbble" in your prompt 😅
We should also look for the aimed user engagement and the interactions. UX to simplify, do you have the data of interacting users with your sites? Because web design also aims for people to touch the buttons we have placed, staying in the site longer and short loading time optimizations. As a visual creative myself too I can say this is only the art side. What about the real experience of users and the feedback?
@ChrisCryptoCoffee
11 ай бұрын
I agree... If you make your site visitors hunt for menu and navigation items, you are shooting yourself in the foot. Amazing art and visual guide in in this video but it also needs to be balanced by UX
@devilichus
11 ай бұрын
@@ChrisCryptoCoffee In our agency we also capturing the in site movements for real life numbers and the data about if the buttons really been clicked, users scrolled below or how long they stayed in the page or even wandered in the site more. Just for the QA work on the web sites we made.
@hellobont
11 ай бұрын
Agreed 👍
Just the kind of content I needed right now. I can't believe it's free 👏
@hellobont
Жыл бұрын
So glad to hear that man 👊✨️
Now I understand your ""graphic universes ""
@hellobont
Жыл бұрын
Awesome 🙌
I would love to see a video where “type” is included in the design “copy” the thing that explains a product or service is never included.
@hellobont
11 ай бұрын
Sorry, didn't follow 🤔
Thank you so much for making this video. What tools do you use in designing your websites? I would also like to know if you design them first with design software then hand off to the developer or you use some the low code software to design them. Thank you.
@hellobont
Жыл бұрын
I use Figma to design and Principle to animate. 99% of the time, I just do the design and handoff to a developer. The only exception is my own site, and I used Readymag just because I don't want to pay a developer just yet, but eventually I will because the performance of the site didn't turn out to be so good as I expected.
@owodunnitosin4291
Жыл бұрын
@@hellobont Thank you for the feedback.
@hellobont
Жыл бұрын
You got it man!
@hellobont
Жыл бұрын
Just sent you an email about your application to the Web Design Master Class. Looking forward to chatting with you!
@owodunnitosin4291
Жыл бұрын
@@hellobont I'll check through my inbox to confirm, looking forward chatting with you too.
How can someone contact you about discussing a project?
@hellobont
9 ай бұрын
Hey, thanks for your interest in working with me. I work full time at my business so I'm not taking on freelance projects. But if you want I can share your project with the BONT Club members and see if any of them is available. If you're interested, send me an email to info(at)bont.academy.
Do you have any more resources like Pinterest when the topic of a project is not that popular as furniture but something way different hard to find on Pinterest or other inspiration sites. Like what's your approach then ;) Great video thanks, I immediately smashed the subscribe button
@hellobont
Жыл бұрын
Yeah of course, you can always use Google, Instagram, Behance, any social media in general, depends on each project. But I use Pinterest for EVERY project I work on, even if I also use other places to find ideas. I just love Pinterest because of the gigantic pool of images it has, and the gigantic amount of users who feed that pool of images every day. Let me know if you have any other questions! Glad to connect with you 🫡
@michak1251
Жыл бұрын
Looking forward to see more videos about art direction in web design🙌
Never heard of Dribble!
@hellobont
11 ай бұрын
Now you know!
🙄 yh il just go back in time thanks for the help
@hellobont
7 ай бұрын
🤔
Thank you so much, Adrian! Which design studios can you reccomend for inspiration too?🤩
@hellobont
Жыл бұрын
Hey Anasteisha! You're welcome :) If you're looking for Web Design studios, I would search in Awwwards for example. Or you can search on Instagram one studio you like and then find in the related profiles too.
@hellobont
Жыл бұрын
Personally I like quite a few like Immersive Garden, BASIC, Synchronized Studio, Studio Sentempo, to name a few.
@AnastasiiaPominchuk
Жыл бұрын
@@hellobont Synchronized Studio is a Ukrainian studio, I adore them! Thank you, I will definitely take a look!😃
@hellobont
Жыл бұрын
Ahhh nice to know, I had no idea. Right on!
Secret Sauce ❤
@hellobont
Жыл бұрын
media-cldnry.s-nbcnews.com/image/upload/t_fit-1500w,f_auto,q_auto:best/newscms/2017_05/1890591/170203-salt-bae-mn-1530.jpg
Great content! My question would be what if you're approaching an industry with not so obvious visuals to create metaphors for? Say it's for finance and would try to avoid something generic?
@hellobont
Жыл бұрын
Hey! That's a good question. In a nutshell, the more you know your client and make them good, deep questions, the more information you will have to come up with unique ideas. Every business is unique, you need to find out what's unique about your client, and then visualize it using the process I shared in this video.
Exactly the type of content I was looking for, thank you. Unrelated question: I've noticed a lot of modern/award-winning sites have unique loading animations on page load - what's the reasoning for this? I've always wondered.
@hellobont
Жыл бұрын
It helps manage the anxiety of users as they wait for the page to be properly loaded, and it also avoids things appearing randomly as they load. Lets you be more in control of the choreography of the elemnts, so that you can use animation to accentuate the hierarchies and the visual journey.
Tips on how to sit long lmao it's the reason why I can't be productive on my desk
This is ETCG in an alternate universe.
@hellobont
11 ай бұрын
ETCG?
@HelloThere-xs8ss
11 ай бұрын
@@hellobont eli the computer guy
hmm....you mentioned putting 100 or so pinned sites in your pinterest but you never mentioned WHY so many. That seems like an excessive amount. Is there something about doing that that affects the algorithms or is there some benefit to having so many? Why not 10, 20, or even 50. What's so magic about 100? Seems quite excessive to me.
@hellobont
11 ай бұрын
Good question! I didn't say 100 sites though haha you might want to rewatch the video. The reason for 100+ is because if you only have 10 references, you're going to end up copying too much from too few references. You want to create a good salad with ingredients from very different and unrelated refs. And also because in 10 refs is more difficult to spot patterns. By the 100th ref you will already know what are the visual patterns in your research.
You're searching within your own pins
@hellobont
11 ай бұрын
A bit, yeah.
@ESkengman
11 ай бұрын
@@hellobont Great content though - love your videos!!
and bro ur thumbnail was soo difficult to read
@hellobont
11 ай бұрын
Thanks for the feedback!
Not a SECRET anymore.🤫
😂, American football players belong to teams-unlike football players everywhere else in the world who belong to clubs.
The title says "3 secret steps". And bravo! What a CLICKBAIT.
@hellobont
11 ай бұрын
Did it work?