My *actual* web design process for clients [STEP-BY-STEP GUIDE]

Поділитися
Вставка
  • Опубліковано 26 чер 2024
  • My ENTIRE web design process for clients broken down by freelance and agency design. Website design can be a complicated process, but in this video I've broken it all out. From where I get my website design inspiration from to how I approach strategy and even moodboarding. If you're a graphic designer, this video is for you.
    🎨 DOWNLOAD the questionnaire template🎨 : explainscreative.gumroad.com/...
    00:00 The Process
    01:17 Phase 1: Research
    02:18 Questionnaire
    05:23 Phase 2: Client Kick-off
    06:02 Phase 3: Strategy
    07:45 Customer Funnel
    09:11 Competitive Analysis
    10:19 Phase 4: Moodboard
    11:01 Where I Get My Inspiration From
    11:28 Phase 5: Wireframe & User-flow
    14:25 Phase 6: Website Design
    16:55 Development & QA
    17:48 Website Launch
    🎨 WATCH NEXT: 2024 Graphic Design Trends - Top 10 Styles Broken Down: • 2024 Graphic Design Tr...

КОМЕНТАРІ • 78

  • @maliqueauguste4037
    @maliqueauguste4037 2 місяці тому +23

    I just wanted to say that this video feels really professional and that I’m shocked you dont have that much reach. You're gonna blow up soon!

  • @cacurazi
    @cacurazi 2 місяці тому +2

    Fantastic breakdown. Thank you!

  • @ayushpatil379
    @ayushpatil379 2 місяці тому +2

    Thank you for providing value so much value in such a short video. Really appreciate it, keep up the good work! Subbed!!

  • @KristianTheDesigner
    @KristianTheDesigner 14 днів тому

    This is really great insight, thank you :) One little tip for future videos, get a decent mic to get better audio and also eliminate the room echo 👍

  • @bena7228
    @bena7228 2 місяці тому +3

    I really enjoyed this video! Really appreciate the insights into your process

  • @sumofjack
    @sumofjack 13 днів тому

    This is brilliant! I am figuring ways to streamline a SOP for myself to build my different projects.
    THanks for sharing.

  • @noelkitonga
    @noelkitonga Місяць тому +1

    I was taking notes and screen captures 99% of the time.
    Great content backed by great delivery.
    Thank you so much.

  • @4Mulator
    @4Mulator 2 місяці тому +4

    Amazing value in less than 20 minutes!

  • @sandy-dev
    @sandy-dev 2 місяці тому +4

    Just found your channel, your content is amazing, thank you

  • @rmzrtx
    @rmzrtx 2 місяці тому +4

    Hi, I just want to leave a comment here I don't usually do it but I like how you do this information precisely, flow by flow. Not just it, the background and graphic edits you had in your videos it hooked me to continuously watch this, hope to see more creative videos like this on your Chanel.

  • @AftabHossain
    @AftabHossain 2 місяці тому +2

    That's wonderful to hear! Your feedback means a lot to me and I really appreciate you taking the time to share it. Thank you so much!

  • @rickygarcia2171
    @rickygarcia2171 Місяць тому +1

    Really appreciate you sharing this method. Very informative and helpful for starters.

  • @chriskale14
    @chriskale14 Місяць тому +1

    This is actually a very good content. Looking forward to more of this

  • @EduardoSilva-xg5gu
    @EduardoSilva-xg5gu 2 місяці тому +2

    Great Video !
    Thanks for all this vital information.
    🙏♥ From Portugal.

  • @onetechgirlllc
    @onetechgirlllc 2 місяці тому +2

    this was great thank you!!!!

  • @KRK_Rocks
    @KRK_Rocks 2 місяці тому +7

    That was an information packed video. Thank you. You should consider making a detailed design and strategy course with a real life example. Would love to see something soon.

    • @CreativeDirectorExplains
      @CreativeDirectorExplains  2 місяці тому +1

      Great suggestion! I love that idea, thank you 🙏

    • @rodlivz
      @rodlivz Місяць тому

      Yes please!!! Second this idea!

    • @umm_esaad
      @umm_esaad Місяць тому

      Yes please! I would love to see

    • @acrxss
      @acrxss Місяць тому

      Yes I second this please

  • @aniketjadhav5965
    @aniketjadhav5965 Місяць тому

    WOW WOW WOW😍😍🔥🔥....why did not I found this Video before. I Actually loved this Video and all the information and guide....I am surely and definitely follow this guide and make some or many case studies for my Portfolio....Thankyou really really Thankyou for the Video🙏🙏🙏🙏

  • @maheh360
    @maheh360 Місяць тому +1

    Thank you so so much maam this is the best detailed video on the youtube thank you so much 😍😍

  • @avisionthroughchrist
    @avisionthroughchrist 2 місяці тому +2

    This video was very helpful
    Very informative and clear for any graphic designer or freelancer.
    Thank you for sharing 🙏☀️

  • @MichaelGoeller
    @MichaelGoeller Місяць тому +1

    Thank you for this video it was very helpful

  • @tjveach
    @tjveach Місяць тому +1

    Outstanding job!

  • @saudmussadiq7180
    @saudmussadiq7180 2 місяці тому +2

    hey, we would love to see you making a video of exact how you start making design systems in figma and how you design from start to finish in figma, looking forward

  • @aylavuoldireluna
    @aylavuoldireluna Місяць тому +1

    2 years of university lessons packed in a 20 minutes video. Thank you so much. 🙏

    • @CreativeDirectorExplains
      @CreativeDirectorExplains  18 днів тому

      Glad it was helpful!

    • @InFellowShip
      @InFellowShip 15 днів тому

      what were you studying at university for 2 years?

    • @aylavuoldireluna
      @aylavuoldireluna 14 днів тому

      @@InFellowShip It was a Graphic Design & Multimedia university in Italy. We learned a lot of different topics, such as marketing, graphic design, web design, html & css, photography, history of vfx, motion graphics, etc... but everything was a little superficial. With my bachelor's degree you know something about everything, but nothing super specific. That's why this video was so useful. 😊

  • @user-tj7zm7xy1t
    @user-tj7zm7xy1t 23 дні тому +1

    so pretty 🥲

  • @homeandtechgeek
    @homeandtechgeek Місяць тому

    so its also good that you know how design work and the development side for developers...i enrolled in web development but end up interested in UI/UX ...during our capstone we encounter the hastle part of designing our website, I could say it was messy ..I observe that developers don't really like to think about design..my brother have this too, prefer to only have the programming side and hated much the design...I'd like to in touch with web design, thanks to this content, I'm having glimpse on what to do..the subject was well discuss and very clear...

  • @marcelhernandez5634
    @marcelhernandez5634 Місяць тому +1

    Great way to help the client become familiar with the wireframing process. I would like to see a video of tips for making wireframes. Got a new subscriber here!

  • @Mariamadk
    @Mariamadk 2 місяці тому +3

    Wow! The video is incredibly insightful and informative. Your clear presentation style made it easy for me to understand complex topics. I appreciate how you provided practical tips and actionable advice that I can apply.
    I am a junior student and your video made me think of some questions that would really appreciate your response.
    1. Which platform can i create my questionnaire?
    2. How do i set up my strategy ? (I didn’t fully get this!) And How do i know the strength from just their website?
    3. Should i handoff to with the client all these steps; user flow, target audience outputs, components...etc or should i give the website final design only?
    4. As for the development document can you make a separate video on it, I’ve never heard of it before!
    Thanks in advance.

    • @CreativeDirectorExplains
      @CreativeDirectorExplains  2 місяці тому +1

      Hey these are really great questions, I'll do my best to answer. I usually set up my client questionnaire as a Google Doc or a PDF that they can input within. If you're looking into more strategy deep dives I would suggest checking out Mark Pollard (Sweathead) or Julian Cole's content here on UA-cam.
      I would definitely ensure you get sign-offs at the various steps. So I personally like to get my basic business information provided in writing via the questionarre, then an approval at the strategy phase, I also like to get an approval for the moodboard, as well as the wireframe/sitemap/user-flow stage, then an initial design (homepage or major page) before designing all other pages.
      Great idea on the development document video, thanks!

    • @Mariamadk
      @Mariamadk 2 місяці тому

      @@CreativeDirectorExplains Thank you so much for the suggestions and illustration.
      So.. every step should be approved, noted.
      I look forward to the valuable insights of the upcoming video 😊

  • @imanmachukwu6849
    @imanmachukwu6849 Місяць тому +1

    thank you so much for this video. loved it. how do you keep tabs with the client on the progress of the project? do you use any project management platforms or you have a custom setup?

  • @auto-diciplime237
    @auto-diciplime237 Місяць тому +1

    Wow this is massive you got a new subscriber

  • @eleisiojunior451
    @eleisiojunior451 19 днів тому +1

    Thanks S2

  • @rohan6196
    @rohan6196 Місяць тому +2

    good work nice and quality content subscribed you

  • @prakashsuryavanshi8275
    @prakashsuryavanshi8275 Місяць тому +2

    Please make same video for development process

  • @chomzzycute1289
    @chomzzycute1289 Місяць тому

    This is very informative. Thank you. Do you share these questions with them via Google doc?

  • @brightbaiden7904
    @brightbaiden7904 2 місяці тому +3

    This is very thorough and informative. Also can you share the client questionnaire template you send out? I just started my freelance journey and I lack the resources to streamline my whole work process.

    • @CreativeDirectorExplains
      @CreativeDirectorExplains  2 місяці тому +1

      You bet. Here it is: explainscreative.gumroad.com/l/miuemy Good luck on your freelance journey, I know you can do it!

    • @brightbaiden7904
      @brightbaiden7904 2 місяці тому

      @@CreativeDirectorExplains thank you.

  • @tapumojumder6090
    @tapumojumder6090 Місяць тому

    It's very helpful. Can you give me the source where I learn accessibility and SEO for web design

  • @mayukhraj9658
    @mayukhraj9658 2 місяці тому +2

    Hey, loved the video.
    Quick question what exactly does creative director do?
    I understand the approach now and the outcomes but exactly is your role in an creative environment.

    • @CreativeDirectorExplains
      @CreativeDirectorExplains  2 місяці тому +1

      Hey I’m glad you liked it. Great question, I’ll do my best to answer. A creative director can have many “core crafts”, but most commonly they either come from a copywriting or art direction background. (Art direction includes graphic design).
      A creative directors job is to lead a creative team, ensure high quality of work, pitch new work or sell ideas, and build relationships with clients. Though elements of this vary depending if you’re in-house, in tech, freelance, or at an agency.
      I hope that helps!

    • @mayukhraj9658
      @mayukhraj9658 2 місяці тому

      @@CreativeDirectorExplains thanks for explaining ☺️

  • @andriavdesign
    @andriavdesign 11 днів тому

    Do you have any templates for the wireframe, strategy, page layouts by chance?

  • @acrxss
    @acrxss Місяць тому

    Hi, What if it’s a startup, how do you do the research?

  • @sara9643
    @sara9643 Місяць тому

    What is the font of your thumbnails? ❤

  • @mkbusiness3561
    @mkbusiness3561 Місяць тому

    can i make500$ a single client in web design for beginner? its possiple or not?