Professional Web Design Process Explained in 5 minutes

Watch my full web design process on my documentary series "Trust The Process": • Trust The Process - De...
Learn how to design high value websites with my $10k Website Process Course:
www.flux-academy.com/courses/...
-
Find me on other social media platforms:
Instagram: / ransegall
Twitter: / ransegall
LinkedIn: / ran-segall-0b582a33
-
Gear & Book Recommendations: bit.ly/2ohFOuj
#webdesign #freelancer #webdevelopment
Thanks for watching the video Professional Web Design Process Explained in 5 minutes

[@hellotuca]

The ultimate designer's speedrun Absolute gold. Thank you!

[@FluxAcademy]

Glad you like it!

[@Barys41]

I am happy that my process is not too much different

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@haitaiber8612]

best 5 minutes of the day so far, Thanks Ran :)

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@kamalkannan9669]

HI

[@usmanibrahim95]

Hey Ran, would love to see more on how you use the style guide. Do you use classes for the style guide? Maybe you could make a video on that. Love your work!

[@usmanibrahim95]

@@jessekaufman5653 yuppp

[@k.elshahawy5690]

yes would be helpful if he explained that in detail in his free web design course

[@0xatul]

Hey usman, I am currently learning web dev and I wanted to know that shoulD I learn Html Css and use it for the website or Should I learn Webflow Instead.

[@usmanibrahim95]

@@0xatul Hey, I don't really know html css myself but I can definitely recommend webflow since you get full control of your design without needing to know html/css

[@mdruhulamin9132]

Wonderful video. We are the Best Web Design Professional Expert Designer Tehran. Leave the design of your own website to the professional design team of Spad Company. Your website reflects the values, beliefs and identity of your business, also referred to as a virtual office. (Best Web Design Professional Expert Designer Tehran)(بهترین طراح متخصص حرفه ای طراحی وب تهران)With a professional website, your business will be available to anyone who needs your services anywhere in the world, 24 hours a day, 7 days a week. Contact us if you need professional website design. More information Click this Links:www.spad.co/services/website-design

[@iamgsilva]

This was awesome Ran! Thanks for putting this together for us to learn from!!

[@ri1an_265]

this link watch

[@ri1an_265]

💯sure

[@matthewguillen2823]

Wow!!! Dude your content is phenomenal..I can’t believe you share this because it’s so good. I have to support you and I’m starting off by liking and subscribing

[@kamalkannan9669]

HI

[@user-bn7yn7mr2m]

I love it. So concise. Thanks for sharing ❤

[@jason2194]

Thanks so much Ryan. This is really helpful. I have been trying to find the quickest way until this video.

[@kamalkannan9669]

HI

[@AaxX07]

Hey Ran, nice summary! Our process is very similar but we also include a setup of marketing tools that helps the brand know their website performance. Maybe could be useful to add that to your process.

[@gursimranbaidwan8138]

Can you please tell us about that? So that we can add that as well in this process Thank you so much

[@FrancesDixon]

I loved this. The only thing missing is all the QA and iterations that consume the process 🤣

[@hermannrohr]

Thsnk you 🙏🏼 Your content is super valuable. Learned so much. I listened to this on 0,5... you sound super chilled

[@kamalkannan9669]

HI

[@avamosier7610]

Hey Ryan! I really enjoyed watching your web design process!

[@FluxAcademy]

Awesome, thank you Ava!

[@ErDige]

I love your workflow!

[@DrkstrX]

This is essential. I'm hoping there could be some type of transfer from figma to webflow at some point at least for basic layouts at minimum. This would make the process even more efficient!

[@kamalkannan9669]

HI

[@sanjaytownrow1641]

This comment aged well!

[@Revulga]

Good information! I now know some more about web design and the process that goes along with it. Keep up the great work.

[@kamalkannan9669]

HI

[@wesleybates9111]

Thanks for all the detailed information you have provided in this video. I really like your way of explaining each and every point, Keep sharing such great videos in the future also.

[@kamalkannan9669]

HI

[@younlogiudice7244]

Lovely video Ran! This was definitely helpful. Thank you

[@kamalkannan9669]

HI

[@stardawg]

Thats cool, im planning on doing my certificate in web design in 2021

[@J.2100]

Super helpful and an awesome website, thanks for sharing 👍🏼

[@OisinHoy]

Super useful Ran, love it!

[@FluxAcademy]

Glad you think so!

[@hdavid1574]

Wow! Outstanding content! Thanks, Ran!

[@FluxAcademy]

Much appreciated David!

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@hangoutwithbob]

Thank you a lot Ran!

[@henrythomas7112]

Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!

[@FluxAcademy]

Glad it was helpful!

[@newfirstnamenewlastname3671]

dude did this without even one line of code. undobtedly a good work!

[@kamalkannan9669]

HI

[@Flooorine]

You guys are the best...!

[@jmiller6224]

Wow, GREAT overview, thank you very much!

[@kamalkannan9669]

HI

[@roypolash9817]

Thanks for sharing Super Fast process Amazing

[@TiagoRosa]

Awesome video man. congrats.

[@LosFoodiesMagazine]

I definitely enjoyed the video. Loved the process. I shared this and two other videos that you produced about website design process. Thanks!

[@kamalkannan9669]

HI

[@victoradeniji4554]

Great video by the way, Thank you.

[@annanova4925]

amazing, thank youu!!

[@amphreded]

Would love a video focusing on whether to start a design based on desktop or mobile first.

[@kamalkannan9669]

HI, I can help you in this

[@fallofmanbrand]

Loved It!

[@lifetrooper4688]

Awesome job! Thank you!

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@madhumia1196]

Really Impressive man.

[@liveformusic8]

Very concise and to the point - i like it.

[@kamalkannan9669]

HI

[@morchellemusic2829]

Nice video, the fact that is 5 minutes is awesome, I often skip larger videos !

[@kamalkannan9669]

HI, How are you?

[@anulkhalatyan3178]

This was great, thank you

[@narinehvardumyan3219]

Hey, homie))

[@anfas184]

Thanks a lot. very helpful. BTW @Ran for a brand project , what are the deliverables that the client expects? is it a website and a logo or should we also design the envelope, bag, invoice, letterheads, email signature etc. ? Please clarify. thank you 👍❤

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@mc2800]

Very helpful, thank you so much!

[@kamalkannan9669]

HI

[@osnathamami7215]

Hi ran, when you working on the wireframes you using actual text or Loren impsum? Thanks for the video🙏

[@FluxAcademy]

A hybrid!

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@joaquinmotor]

sick as dude. ty

[@allymac3000]

Really helpful!! thank you!

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@gouisedeau]

Dam.. thank you for sharing all this precious knowledge that you aqcuire on a long time I guess :)

[@BBI-Brandboost]

We have taken a look at the website you created and we are impressed - that’s beautiful work! The colour scheme is particularly striking and not only adds emphasis to the core message but also gives it a powerful sense of gravitas. In terms of your web design process how long have you been using that model? And have you ever deviated from the process? Or have you found that the process has evolved over time?

[@FluxAcademy]

Thanks! this had been developed after trying out many different processes..

[@BBI-Brandboost]

@@FluxAcademy It is good to see you have spent time to develop a process which works for you and your clients.

[@deleon5522]

Awesome job! You're a blessing :)

[@kamalkannan9669]

HI

[@isaacmartin8210]

Very informative!

[@moeky1luv]

So helpful!

[@harambe3363]

that double u logo is absolutely genius lmfaooo

[@annafilou]

Fantastic tips as always!

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@ChristianReuben]

You the man!

[@quentonwong408]

for only 10 000 dollars? that is so much work!

[@servergrid]

You should really go more in detail with the process, dive deeper into the subject. Looks promising!

[@mohashinhossainmehrab6960]

I am always see your video. Whenever I see your new video, I get a something new and extra inspiration. Best of luck Sir.

[@FluxAcademy]

Thank you so much 😀

[@mohashinhossainmehrab6960]

Thank you too sir

[@harshaavula1453]

Hi Ran , i've learnt webdesigning through your videos but still i have doubght tht how do we submit our work to clients after devlouping it in webflow ?

[@edgecenter4]

I went through all of this with a client and built a mock up website to those specs. He liked it but he then read a book (about guerilla marketing) and when he got back to me he completely changed everything.

[@kamalkannan9669]

HI

[@shaddesign6557]

great video! thanks :-)

[@bhaveshvardhani5173]

It was somewhere helpful but for me it was confusion too. I almost got the process but if you could make an another video which shows like the simple process just like this.

[@filetmignon9978]

For the logo when you changed is was that just on a whim or did they plan to have it changed from the start of the process?

[@delastsamurai]

That was pretty basics to get started!! well explained, however would you share more at what step the style guide process comes if we want to follow they same steps !! Thanks

[@FluxAcademy]

I did link to the full documentary

[@gdrive2490]

Thanks Ran!

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@peternanden5776]

Gold!

[@malmsteen10]

thanks for the very informative video! I'm curious on what it looks like when the client says yes in a face to face environment or even in a online environment. Some people can say ok, yes. I want a website for business! That's what I've been looking for, someone who can do my site. Or some will just say "yes but..." or "no but" or just simply no. How do you go about this? And if they do say yes, do you send them a strategy session schedule right a way or a discovery call? Thanks!

[@dheerajsinghnagdali]

Hey, bro, you are my inspiration

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@joyceava6130]

Awesome video

[@gojowillwin69]

im not very savvy with a computer I know the basics is this a good career to try for someone that doesn't know much

[@cathyadams1187]

Really enjoyed it!

[@FluxAcademy]

Glad to hear! 🙏

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@keithjasperato9426]

wow superb

[@beedleChompz44]

that was awesome

[@AkshayMudakavi]

your process on building a style guide or mood board?

[@yaunghein3395]

When I visit the website, I saw when the background change, the content at the bottom left corner also change. I would to know how to achieve that, Bro Ran. This is my first question. Second question is why would you choose .life domain? Thind questions is when I search the website, I found it after wikipedia (exactly, in the second place). That kind of SEO is done within webflow? And also, I thought 10k process is not just making a website, right? What else should I serve? Thank you, Bro Ran. When I visit www.ransegall.com/, it shows " the site can't be reached".

[@disco.lemonade]

Dude... first, it seems like a simple hover effect (try). Second, you gotta google simple stuff like that (name.com/domains/life). Third, yes it can be done using Webflow. Fourth, he literally said it in the first five seconds of the video that the website and the brand were $10k. His website works just fine. As bonus for you: This guy has too many clients and contacts (he's a made dude in the business) so he can profit making websites in Webflow, but if you aspire to be a developer (webflow is nothing but a fancier Wix), then stay away from sites like Webflow and start learning how to code so one day you're the person behind sites like Webflow :)

[@kamalkannan9669]

HI

[@christianpaul5224]

I am super interested in your videos i wan't to know more about web designing. Thank you.

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@gamersylum3674]

thanks man

[@chaosevolution]

Back on Codeacademy today....Coding has been something I've wanted to learn for so many years.

[@galalistationery9434]

bro how can I know website structure, like photography videography recording business website eccommerce ....Please answer me?

[@evanhanley8429]

Can I get a download for this presentation template slides !?

[@mikadebruijn9890]

10k for that... Yeez

[@disco.lemonade]

It has a lot of pages, but the site itself is too simple. The "branding" part may be as expensive as the site. It's not only "look the site, you like? yes? that'd be $10k please", there's a lot of process which means lots of time, and if your customer is serious about the project, they'll pay up. Not everyone has the time or need to make an ok looking Wix site. However, I dont think that's the real cost, maybe $7K, but he's smart. I'd quote myself higher in case other clients ask

[@df23]

Looks simple yes, can easily be replicated yes. But its the brains and ideas coming up with that brand look for their website. You could hire someone else who's new and they'd give you some cookie cutter site with much more features but it just won't give the same brand feel

[@KtheGinge]

Web design is ridiculously profitable once you’ve some social proof

[@LaZanyarr]

@@KtheGinge have you experienced this too? Like how muchmwhat kinda shocial proof you need you think?

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@realrobprice]

Hi i signed up with two different emails to get the free website template guide and still havent got anything, please look into that

[@SayedSudip]

Need to know what are the tools to know to become a web designer please.

[@sw23ae]

5 seconds in I already liked the video 😏

[@FluxAcademy]

Boom! why wait??

[@ChefFernando777]

Awesome!!!

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@sanantonioswebdesign1220]

very true.

[@victoradeniji4554]

Did you work on the branding yourself?

[@craigehardel2881]

what figma wireframing kit/template do you use and recommend.

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@casa_kunst]

This video is priceless, THANK YOU SO MUCH

[@noyes9885]

👊 ty bro

[@thatomofolo452]

Awesomeness 👍👍

[@FluxAcademy]

Thanks ✌️

[@thatomofolo452]

@@FluxAcademy 🙏🙏🙏

[@ckernest]

another amazing learning video! thanks!

[@FluxAcademy]

Glad you liked it!

[@hariesch_8015]

Wow this is a very nice content

[@FluxAcademy]

Thanks!

[@SergeyFominVL]

Do you build your websites in webflow? No front end developer with HTML/CSS?

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@MelissaLona]

Who write the content? Do you write it? Do they bring a in a web copywriter? Do your design the sight and then the copywriter create content to fit the flow of the site or do the client bring the content to the session and you create a site that fits the content? This is the most difficult part for me because the designer is typically not the copywriter and getting both to come together is hard. I just need my site to be up and ready to go.

[@alexjohnson8955]

Haven't you heard of Mr Stephen??

[@ramongonzalez7611]

I also know him He help me out

[@gabrielrayan4989]

He is very good and reliable

[@qewzi2212]

What programs is he using

[@prabhathsannasooriya]

yes.you dit it

[@amandabiwoye456]

Loooooveeee Flux!

[@miguelstevens3042]

At what moment do you send a price proposal? Is it after the first meeting, and so before you start wireframing?

[@kamalkannan9669]

HI, I can help you in this

[@Five_y_kay]

I like your style, alot of short slides, that go fast. I like your logo too. I dreamt of something similar, less complex, but similar nonetheless. Mine uses more types of transforms tho. Sorry, I listened to your content to learn that too, but I did go meta mode when I saw someone inspiring.

[@kamalkannan9669]

HI

[@yannickmichel2566]

Do u mind sharing this presentation for personal use?

[@keishawn]

I second this. I may just make my own template and upload it.

[@seraitaki-eldinneaymen900]

the best website to buy domain

[@tigerman5890]

kzbin.info/www/bejne/qpyWomiwrJd_p9U

[@liminhe5138]

Hi, how I can explain my design is modern style. My client said he like modern design. My basic understanding is we made very simple structure and make the font clean and strong. what else I should explain it more.

[@alexjohnson8955]

Haven't you heard of Mr Stephen

[@ramongonzalez7611]

I also know him He helped me out

[@gabrielrayan4989]

He is very Good and reliable

[@nikizechner1959]

How exactly do you present and brainstorm from homeoffice? I usually brainstorm with the whole team from my client at one table, and its way better than talking on the phone. How do u manage this without losing the „face to face“ quality of brainstorming? 😊

[@kamalkannan9669]

HI