I'd love to do a course that talks about design aspects and the dos and don'ts in web design. I've had to learn a lot of things myself without an education, but due to my "I like doing this so I'm going to learn everything I can as I go + Jump in and do it" attitude I've not really found an online course that fits my needs. I find most courses start all the way at the beginning and repeat a lot of stuff I know. I also find them slow-paced and find myself spacing out. I've learned a lot from working with drag-and-drop builders over the last 2 years but I want to plant my feet for once. Any recommendations on solid quality courses? So happy I found your channel today. I love how you explain things while keeping on topic and to the point.
@@rachelhurry3449 Nice, so it is the editor who syncs the camera with the screen recording and audio or are you able to connect them as you record? Probably a trivial question but I can't figure it out lol. I like the way Flux videos are produced
Now that you've designed it. Is there a way to make it responsive like an actual website, like can we make it clickable, and its gon take us to another home page and of course make it a website with a link so we can give our client as a job done
For the website alone or the entire branding process? Assuming this company is in a developed country, and bundling in the brand work, low-to-mid 5-figures. $15,000-40,000. I could see that going as low as $8,000 for a smaller company or maybe for a younger designer but Rachel's experience is going to bring consistent results so she'll get much higher prices.
@@ethanrogers9627 Hi Ethan! That's really useful information. I'm a brand designer. I have a full time job, but now i would like to start freelancing. Would you mind sharing few tips on how to approach and close clients?
How do i know which color is the principal main color, which one is the second main, or which one is the accent color etc. ? i also want to really understand how to use the 60-30-10 with a color palet
Hi! Very nice video, i loved it the process. Thank you for creating this video. I am new in this of design web. I have a question. Whats name the program that you used for creating this sitio web? Thank you :)
You created all this awesome site, ...but why you dont translate it directly into html and make a website directly out OF THIS XD-prototype!? ....Why you give this to a webflow dev. who starts from scratch :-O ????
I hope this is what you mean, but I think you can use Behance. There you can search for 'Projects' and then filter for Branding. And then just sort by 'top rated' and 'all time'. You will be good to go then. I advise you to create an account and save any projects you really like. I think you could have A LOT of practice then. Good luck
@@rafalpotasz make sure though to add clear disclaimers that your work isn't affiliated with those brands and that its only a concept piece. Maybe change the names and logo even to avoid getting in legal trouble
@@filetmignon9978 Very true. I find this so obvious that I don't mention it, but looking back, I should have had 😅 @Wahaj Ahmed make sure you follow this advice :) Cheers
Having just recently went through my first design process (i'm a backend dev) , this has been insightful ! it will definitely help me out in future projects , thank you
I actually never wireframe, I just scetch on paper and then go into the design. Otherwise I have to do the website 3 times: wireframe, design, developing. For me wireframing does nothing anyway and I wouldn't show that to the client anyway as it probably just confuses them.
This was really great to see and hear your thought process. Thank you for creating this video. I appreciate this type of content. What information do you suggest putting in the footer? Also, is it correct to explain to clients why the footer is important because it gets viewers to stay on the site longer?
Thanks for watching Jenny! Footer content can vary depending on the business but you usually want to include business info, contact info, the primary nav links, social media and of course pages like privacy policy, terms of use etc :) I also like to add a logo variation or something visually interesting to close off. Absolutely explain the importance to your client!
Design is clear and looks playful but it misses all the opportunity that the media provides. At this current stage it is barely any different than a flyer design. What catapults a website design is what comes after this stage. Interactivity! . hyperlinks and form inputs are actuators. But this site needs an interactive theme absorbing the human perception and routing him/her to the destination. Please use the power of media in your designs (which in this case it is interactivity)
That’s a lot of big words 😮 thanks for you input - keep in mind this is the “static” design phase. Interactivity and usability would theoretically come next in the prototyping phase, and then of course into development. 😊
@@rachelhurry3449 I just don't want newcomers call it a day when they are just done with this stage as you and I both know the web is stateful and design should propogate to all of those states (time series) in order to compose a consistent, meaningful experience. A reaction to every action consuming laws of ux is what makes the difference.
First of all: Thanks a lot for this video. Its allways interesting to see the approach from other designers. Lots of good and interesting information! One suggestions for your videos: Don't use a ring light in this setup. Since you wear classes and you are not sitting direct in front of the light, the reflection is wandering over your glasses and this is somewhat distracting and does not look that good :-)
Love it, a way you showed the whole process and phases - keep up the good quality ! :)
Thank you! Will do!
Thanks for watching! 💜
Really informative tutorial!
Awesome work, How about mobile screen
I use 1600 Px
Every time I watch your videos I feel even more unqualified to be a designer😂
This is a REALLY good tutorial! Really nicely distilled information and great editing!
I'd love to do a course that talks about design aspects and the dos and don'ts in web design. I've had to learn a lot of things myself without an education, but due to my "I like doing this so I'm going to learn everything I can as I go + Jump in and do it" attitude I've not really found an online course that fits my needs. I find most courses start all the way at the beginning and repeat a lot of stuff I know. I also find them slow-paced and find myself spacing out. I've learned a lot from working with drag-and-drop builders over the last 2 years but I want to plant my feet for once.
Any recommendations on solid quality courses?
So happy I found your channel today. I love how you explain things while keeping on topic and to the point.
Great video!
Thanks Arnau!
Glad you enjoyed it!
Lovely on one hand and scary on the other saying that out of my fullstack developer mind🤣🙏
Love your branding videos. Keep them coming, they're so inspiring! ❤️
Thanks for the support Susan! 💜
awesome video! I’m curious how you would edit this site for a mobile viewport as you mentioned it’s easier to compress rather than enlarge designs
Maybe I’ll do this next 😬 thanks for watching!
Very nice, beautiful design and a very helpfull video! Subscribed! :)
Great breakdown. Good to know the process I developed is practically the same as yours. I'm on the right track! 👍
With this level of work/quality I'm curious on how much you'd charge for this if this was a client project.
It would totally depend on the actual scope of the project and the client 😊
What setup (screen recording software, tools, etc) do you use to produce your content?
Quick time to record my screen and audio, or Loom depending on what I’m doing. And then I use a Sony Aiii camera and Sure mic 😊
@@rachelhurry3449 Nice, so it is the editor who syncs the camera with the screen recording and audio or are you able to connect them as you record? Probably a trivial question but I can't figure it out lol. I like the way Flux videos are produced
Now that you've designed it. Is there a way to make it responsive like an actual website, like can we make it clickable, and its gon take us to another home page and of course make it a website with a link so we can give our client as a job done
Yes. What you describe would be the development phase. You can use a tool like Webflow, Framer, or Wordpress for this.
@@FluxAcademy thank you so much 💓
For wireframing what software was used in this video?
Adobe XD 😊
@@rachelhurry3449 Thanx
Thanks for explaining your web design process Rachel!
Nice Walkthrough, Thanks! I am a designer as well and would like to know: what would you charge your clients in general for this kind of Websites?
For the website alone or the entire branding process?
Assuming this company is in a developed country, and bundling in the brand work, low-to-mid 5-figures. $15,000-40,000. I could see that going as low as $8,000 for a smaller company or maybe for a younger designer but Rachel's experience is going to bring consistent results so she'll get much higher prices.
@@ethanrogers9627 Hi Ethan! That's really useful information. I'm a brand designer. I have a full time job, but now i would like to start freelancing. Would you mind sharing few tips on how to approach and close clients?
I appreciate the video so far, but that’s the web design, not the web site? How would you take it from designs in XD to building the website?
I'd love to know more about creating a brand identity and choosing a suitable colour palette.
How do i know which color is the principal main color, which one is the second main, or which one is the accent color etc. ? i also want to really understand how to use the 60-30-10 with a color palet
Loved this stuff. I am a Webflow developer but now I am thinking of coming to design stuff as well.
Awesome! 😁
HI there, great video :D Which of your courses includes something like this? Brand Design Mastery or maybe Web Design Pro? Thanks :)
If you’re looking to learn how to design websites you want to go for the Web Design Becoming a Professional Course 🤗
I really like this! Thank you for sharing!
Amazing video!!! Thank you for the great content
Amazing, any link to the website ? Wanted to see how it looks once it's developed & then goes live.
It’s just a concept at this stage 😊 but maybe we’ll develop it for a video soon! 😬
@@rachelhurry3449 oh okay, thanks for letting me know.
what application is she using for the website design ?
Plz tell me which monitor you are using ??
Great video, very informative, and easy to follow! Thank you for the superb content.
This give me so much inspiration, thank u.
How to generate html and css coding of this design.
Hi! Very nice video, i loved it the process. Thank you for creating this video. I am new in this of design web. I have a question. Whats name the program that you used for creating this sitio web? Thank you :)
Adobe XD 😊
@@rachelhurry3449 Thank you!! ☺️
Amazing walkthrough, thank you so much for sharing!
Really really awesome content guys ☺️
Thanks for the support Sadiq!
this is really helpful content!
You created all this awesome site, ...but why you dont translate it directly into html and make a website directly out OF THIS XD-prototype!? ....Why you give this to a webflow dev. who starts from scratch :-O ????
This is quite helpful
This was a really great video!
Awesome!
superb! love the way you delivered the information.😍😍😍😍
Thanks! 🤗
Great work done by Rachel ❤ Wanted to know where I can find brand identities like this ? so I can also practice like Rachel did in this video.
I hope this is what you mean, but I think you can use Behance.
There you can search for 'Projects' and then filter for Branding. And then just sort by 'top rated' and 'all time'.
You will be good to go then. I advise you to create an account and save any projects you really like. I think you could have A LOT of practice then.
Good luck
@@rafalpotasz make sure though to add clear disclaimers that your work isn't affiliated with those brands and that its only a concept piece. Maybe change the names and logo even to avoid getting in legal trouble
@@filetmignon9978 Very true.
I find this so obvious that I don't mention it, but looking back, I should have had 😅
@Wahaj Ahmed make sure you follow this advice :)
Cheers
Thank you ❤
the final design looks clean and cute 😊😊
Appreciate it - it was fun to do 😄
@@rachelhurry3449 Yeah I saw that 😅
Love it! Thats the kind of videos I´m looking for. Thank you! Great Work!
Awesome, thank you!
Nice presentation!
Having just recently went through my first design process (i'm a backend dev) , this has been insightful ! it will definitely help me out in future projects , thank you
Glad it was helpful! Good luck on your journey 😬
Every second here is worth your time.
I’m glad you think so 😊
Wow. Great video! I’m fairly new to this. Where can I learn how to use XD like this and add it to Wordpress?
Hi, what about user research before doing any wireframes? How do we know what users are looking for and any real competitor analysis? Thanks
its 2022. Wireframing is just a way to get more money out of your client by wasting your time.
I actually never wireframe, I just scetch on paper and then go into the design. Otherwise I have to do the website 3 times: wireframe, design, developing.
For me wireframing does nothing anyway and I wouldn't show that to the client anyway as it probably just confuses them.
what software did you use ??
Amazing video. I love it. Thanks ;)
Thanks for watching Karen! 💜
This packs a lot more value than I expected. You are awesome!
Great I want learning more
Love it
These are the content we want
Thank you thank you thank you million times for very useful the content! ❤
Great job! You've definitely mastered your art!
That’s a very generous comment! Thank you!
Where were u before I found now
Keep rocking mam ❤ best videos
can we make hero section in adobe xd and insert it in some theme as picture , or we have insert back ground and write text above that
Which program you use ? To design this pattern.
This was really great to see and hear your thought process. Thank you for creating this video. I appreciate this type of content.
What information do you suggest putting in the footer?
Also, is it correct to explain to clients why the footer is important because it gets viewers to stay on the site longer?
Thanks for watching Jenny!
Footer content can vary depending on the business but you usually want to include business info, contact info, the primary nav links, social media and of course pages like privacy policy, terms of use etc :) I also like to add a logo variation or something visually interesting to close off.
Absolutely explain the importance to your client!
Teach me master!! 🙌
using xd in 2022. lul
Whats the app again
thanks
Awesome!
Very nice!
Where can i find this color palette?
This is so good 🎉
Happy you liked it! 🎉
More videos like this 🎉❤😊
Great video..TY : )
what program are you using in this video?
Adobe Xd
Are you from Namibia?
Awesome demo 👌
Thanks for watching!
As a designer this is beautiful, as a developer…the css needed here would be death by trying to perfect
Huh? Thats a very basic design
Easy with webflow 😬😬 #shamelessplug
hi which tool you are using for this
Adobe XD
SCHPACE!
What program does she use to design?
Adobe XD but Figma is miles better and also free
@@pedrohenriquelourenco8486 true!!! I really need to climb on the Figma train 😅
@@pedrohenriquelourenco8486Good to hear, I never learned adobe and only use Figma😂
Design is clear and looks playful but it misses all the opportunity that the media provides. At this current stage it is barely any different than a flyer design. What catapults a website design is what comes after this stage. Interactivity! . hyperlinks and form inputs are actuators. But this site needs an interactive theme absorbing the human perception and routing him/her to the destination. Please use the power of media in your designs (which in this case it is interactivity)
That’s a lot of big words 😮 thanks for you input - keep in mind this is the “static” design phase. Interactivity and usability would theoretically come next in the prototyping phase, and then of course into development. 😊
@@rachelhurry3449 I just don't want newcomers call it a day when they are just done with this stage as you and I both know the web is stateful and design should propogate to all of those states (time series) in order to compose a consistent, meaningful experience. A reaction to every action consuming laws of ux is what makes the difference.
First of all: Thanks a lot for this video. Its allways interesting to see the approach from other designers. Lots of good and interesting information!
One suggestions for your videos: Don't use a ring light in this setup. Since you wear classes and you are not sitting direct in front of the light, the reflection is wandering over your glasses and this is somewhat distracting and does not look that good :-)