Это видео недоступно.
Сожалеем об этом.
Turning a Brand Identity Into a Custom Website
HTML-код
- Опубликовано: 17 авг 2024
- Learn to design high end websites with our Web Design Pro course - bit.ly/3WaPu9D
Link to the Benjies Branding video: • Designing a Conceptual...
Using the conceptual project from our previous video ("Benjies" link below), Rechel shows you step-by-step how you can take your existing brand identity and turn it into a website.
📽️ CHAPTERS:
00:00 - Intro
00:21 - Project Outline
03:16 - Wireframing
07:31 - Content
09:01 - Imagery & Design
15:09 - Finished Design
🎨 Master the Craft of Branding: bit.ly/3CrRByY
Check out all our courses 👉 bit.ly/3jMxocU
📚 OTHER FREE RESOURCES:
✔️ Web Design Workshop 👉 bit.ly/37XiZYH
✔️ Webflow Workshop 👉 bit.ly/3EmXzQY
✔️ Principles of layout handbook 👉 bit.ly/3w3QW2S
📱 Find us on SOCIAL MEDIA
Flux Academy's Instagram 👉 / flux.academy
Rachel’s Instagram 👉 / moka_brand_studio
#branding #icondesing #webdesign #freelancedesing
Thanks for explaining your web design process Rachel!
Love it, a way you showed the whole process and phases - keep up the good quality ! :)
Thank you! Will do!
Thanks for watching! 💜
This packs a lot more value than I expected. You are awesome!
This is a REALLY good tutorial! Really nicely distilled information and great editing!
Love your branding videos. Keep them coming, they're so inspiring! ❤️
Thanks for the support Susan! 💜
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 😬
Great video!
Thanks Arnau!
Glad you enjoyed it!
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 breakdown. Good to know the process I developed is practically the same as yours. I'm on the right track! 👍
I really like this! Thank you for sharing!
Every second here is worth your time.
I’m glad you think so 😊
Very nice, beautiful design and a very helpfull video! Subscribed! :)
Loved this stuff. I am a Webflow developer but now I am thinking of coming to design stuff as well.
Awesome! 😁
Amazing walkthrough, thank you so much for sharing!
the final design looks clean and cute 😊😊
Appreciate it - it was fun to do 😄
@@rachelhurry3449 Yeah I saw that 😅
Nice presentation!
I'd love to know more about creating a brand identity and choosing a suitable colour palette.
This give me so much inspiration, thank u.
Great video, very informative, and easy to follow! Thank you for the superb content.
Thank you ❤
This is quite helpful
Amazing video!!! Thank you for the great content
These are the content we want
Great job! You've definitely mastered your art!
That’s a very generous comment! Thank you!
Very nice!
Love it! Thats the kind of videos I´m looking for. Thank you! Great Work!
Awesome, thank you!
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!
This was a really great video!
Awesome!
superb! love the way you delivered the information.😍😍😍😍
Thanks! 🤗
Really really awesome content guys ☺️
Thanks for the support Sadiq!
Thank you thank you thank you million times for very useful the content! ❤
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
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 😊
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?
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
this is really helpful content!
Where were u before I found now
Keep rocking mam ❤ best videos
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.
Teach me master!! 🙌
This is so good 🎉
Happy you liked it! 🎉
Awesome demo 👌
Thanks for watching!
Really informative tutorial!
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?
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 🤗
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 💓
Amazing video. I love it. Thanks ;)
Thanks for watching Karen! 💜
Love it
thanks
Great I want learning more
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
Plz tell me which monitor you are using ??
Hi, what about user research before doing any wireframes? How do we know what users are looking for and any real competitor analysis? Thanks
Wow. Great video! I’m fairly new to this. Where can I learn how to use XD like this and add it to Wordpress?
Awesome work, How about mobile screen
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!
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!! ☺️
Lovely on one hand and scary on the other saying that out of my fullstack developer mind🤣🙏
what application is she using for the website design ?
For wireframing what software was used in this video?
Adobe XD 😊
@@rachelhurry3449 Thanx
I use 1600 Px
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
How to generate html and css coding of this design.
Great video..TY : )
what software did you use ??
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
Which program you use ? To design this pattern.
More videos like this 🎉❤😊
Whats the app again
Where can i find this color palette?
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 :-)
Every time I watch your videos I feel even more unqualified to be a designer😂
what program are you using in this video?
Adobe Xd
hi which tool you are using for this
Adobe XD
Are you from Namibia?
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.
SCHPACE!
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 ????
using xd in 2022. lul
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.
Awesome!