My *actual* web design process for clients [STEP-BY-STEP GUIDE]
HTML-код
- Опубликовано: 6 июн 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...
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!
That’s very kind of you to say, I really appreciate it 🙏
Fantastic breakdown. Thank you!
2 years of university lessons packed in a 20 minutes video. Thank you so much. 🙏
Really appreciate you sharing this method. Very informative and helpful for starters.
Thank you for providing value so much value in such a short video. Really appreciate it, keep up the good work! Subbed!!
Awesome, thank you!
I really enjoyed this video! Really appreciate the insights into your process
Glad you enjoyed it
I was taking notes and screen captures 99% of the time.
Great content backed by great delivery.
Thank you so much.
Great to hear! Thank you for the kind words.
Just found your channel, your content is amazing, thank you
That’s so kind of you to say, thank you ☺️
Amazing value in less than 20 minutes!
That’s very kind of you 🙏
Thank you so so much maam this is the best detailed video on the youtube thank you so much 😍😍
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!
You are so welcome!
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.
I appreciate that! Thank you 🙏
Great Video !
Thanks for all this vital information.
🙏♥ From Portugal.
Glad you enjoyed it!
this was great thank you!!!!
Thank you!
Thank you for this video it was very helpful
This is actually a very good content. Looking forward to more of this
Thank you!!!
so pretty 🥲
This video was very helpful
Very informative and clear for any graphic designer or freelancer.
Thank you for sharing 🙏☀️
Glad it was helpful!
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.
Great suggestion! I love that idea, thank you 🙏
Yes please!!! Second this idea!
Yes please! I would love to see
Yes I second this please
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🙏🙏🙏🙏
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?
Outstanding job!
Thank you! Cheers!
@@CreativeDirectorExplains you are so very welcome young lady !
Thanks S2
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...
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!
That’s so kind of you to say 🙏☺️
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
Thanks for the idea, I like it
good work nice and quality content subscribed you
I appreciate that!
Wow this is massive you got a new subscriber
Thank you so much!
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.
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 RUclips.
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!
@@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 😊
This is very informative. Thank you. Do you share these questions with them via Google doc?
Please make same video for development process
It's very helpful. Can you give me the source where I learn accessibility and SEO for web design
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.
You bet. Here it is: explainscreative.gumroad.com/l/miuemy Good luck on your freelance journey, I know you can do it!
@@CreativeDirectorExplains thank you.
Hi, What if it’s a startup, how do you do the research?
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.
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!
@@CreativeDirectorExplains thanks for explaining ☺️
What is the font of your thumbnails? ❤
can i make500$ a single client in web design for beginner? its possiple or not?