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.

https://www.youtube.com/playlist?list=PLDJKnVzJ4VfPQ8bsQlAL-q6L-4Q6kD65C 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. https://bont.academy/golden-canon-grid/?utm_source=YouTube&utm_medium=Social+Media&utm_campaign=3_secret_steps_to_Art_Direction 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: https://forms.gle/vwST9T89WK1zBNcf6?utm_source=WDMC+Application&utm_medium=YouTube&utm_campaign=3_secret_steps_to_art_direction Furniture Shop – Pinterest board example: TWEET THIS VIDEO: https://ctt.ac/b4F0w DM me on social media: • Instagram: https://www.instagram.com/hellobont/ • LinkedIn: https://www.linkedin.com/in/adriansomoza/ Check out my works: • Behance: https://www.behance.net/adriansomoza) • Dribbble: https://dribbble.com/adriansomoza) YouTube Video URL: https://youtu.be/sT2YiwRXoJM

34 thoughts on “3 secret steps to Art Direction: designing websites that stand out”

  1. 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?

    1. @Chris Crypto Coffee 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.

  2. 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

    1. 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.

  3. 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.

    1. 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.

  4. 1:17 Create the graphic universe – create a Pinterest board and add over 100 iterations of what you intend to create to the board. Broaden your search to things people are not searching.
    9:32 Define the overall look and feel. Make quick sketches of the web project. Make sure each has a unique edge that makes it attractive.
    12:08 Add visual metaphors. Go through your Pinterest board, notice small details, maybe objects or colours that are common across multiple pins and specific to the industry. Add this little things into your project in creative ways.

    Hope this helps someone.

    1. 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.

Leave a Comment