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

Подписаться 8 тыс.

Просмотров 33 тыс.

50% 1

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

Опубликовано:

25 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 78

@maliqueauguste4037 2 месяца назад

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!

@CreativeDirectorExplains 2 месяца назад

That’s very kind of you to say, I really appreciate it 🙏

@cacurazi 2 месяца назад

Fantastic breakdown. Thank you!

@ayushpatil379 2 месяца назад

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

@CreativeDirectorExplains 2 месяца назад

Awesome, thank you!

@KristianTheDesigner 13 дней назад

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 2 месяца назад

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

@CreativeDirectorExplains 2 месяца назад

Glad you enjoyed it

@sumofjack 12 дней назад

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

@noelkitonga Месяц назад

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

@CreativeDirectorExplains Месяц назад

Great to hear! Thank you for the kind words.

@sandy-dev 2 месяца назад

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

@CreativeDirectorExplains 2 месяца назад

That’s so kind of you to say, thank you ☺️

@4Mulator 2 месяца назад

Amazing value in less than 20 minutes!

@CreativeDirectorExplains 2 месяца назад

That’s very kind of you 🙏

@rmzrtx Месяц назад

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.

@CreativeDirectorExplains Месяц назад

I appreciate that! Thank you 🙏

@AftabHossain 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!

@CreativeDirectorExplains 2 месяца назад

You are so welcome!

@rickygarcia2171 Месяц назад

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

@CreativeDirectorExplains 17 дней назад

My pleasure!

@chriskale14 Месяц назад

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

@CreativeDirectorExplains Месяц назад

Thank you!!!

@EduardoSilva-xg5gu Месяц назад

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

@CreativeDirectorExplains Месяц назад

Glad you enjoyed it!

@onetechgirlllc 2 месяца назад

this was great thank you!!!!

@CreativeDirectorExplains 2 месяца назад

Thank you!

@KRK_Rocks 2 месяца назад

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 2 месяца назад

Great suggestion! I love that idea, thank you 🙏

@rodlivz Месяц назад

Yes please!!! Second this idea!

@umm_esaad Месяц назад

Yes please! I would love to see

@acrxss Месяц назад

Yes I second this please

@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 Месяц назад

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

@CreativeDirectorExplains 17 дней назад

Most welcome 😊

@avisionthroughchrist 2 месяца назад

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

@CreativeDirectorExplains 2 месяца назад

Glad it was helpful!

@tjveach Месяц назад

Outstanding job!

@CreativeDirectorExplains Месяц назад

Thank you! Cheers!

@tjveach Месяц назад

@@CreativeDirectorExplains you are so very welcome young lady !

@MichaelGoeller Месяц назад

Thank you for this video it was very helpful

@CreativeDirectorExplains 17 дней назад

Glad it was helpful!

@saudmussadiq7180 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

@CreativeDirectorExplains 2 месяца назад

Thanks for the idea, I like it

@aylavuoldireluna Месяц назад

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

@CreativeDirectorExplains 17 дней назад

Glad it was helpful!

@InFellowShip 14 дней назад

what were you studying at university for 2 years?

@aylavuoldireluna 13 дней назад

@@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 22 дня назад

so pretty 🥲

@CreativeDirectorExplains 17 дней назад

Thank you!!

@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 Месяц назад

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!

@CreativeDirectorExplains Месяц назад

That’s so kind of you to say 🙏☺️

@Mariamadk 2 месяца назад

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 2 месяца назад

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 RU-vid. 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 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 Месяц назад

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 Месяц назад

Wow this is massive you got a new subscriber

@CreativeDirectorExplains Месяц назад

Thank you so much!

@eleisiojunior451 18 дней назад

Thanks S2

@CreativeDirectorExplains 17 дней назад

No problem!

@prakashsuryavanshi8275 Месяц назад

Please make same video for development process

@rohan6196 Месяц назад

good work nice and quality content subscribed you

@CreativeDirectorExplains Месяц назад

I appreciate that!

@chomzzycute1289 Месяц назад

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

@brightbaiden7904 2 месяца назад

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 2 месяца назад

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

@brightbaiden7904 2 месяца назад

@@CreativeDirectorExplains thank you.

@tapumojumder6090 Месяц назад

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

@mayukhraj9658 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 2 месяца назад

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 2 месяца назад

@@CreativeDirectorExplains thanks for explaining ☺️