Web Design Process: B2B Startup Case Study

[@aleksandarcucukovic9710]

When people ask me why websites cost $20k, i will send them this video. Thank you so much for sharing this information with us, amazing job from all of you!

[@markj2297]

Aleksandar CUCUKOVIC yea, the only problem is the vid is 30 min long. They won’t watch.

[@bibibobs]

Show some of your work

[@thedodger4018]

If you can’t communicate your process and value to the client, that video won’t help you. It’s all about your skills on the first and maybe second meeting.

[@tekiero]

don't lie to me.

[@DizzePL]

@@goldeternal But without a good UI/UX designer you wouldn't see those illustrations on the website at all. I don't want to tell you that the idea is worth $20k but I think the average UI/UX designer wouldn't come up on the idea to create the website that way, so telling that the illustrator is the most valuable person in the team if inaccurate imo. But you're right that those illustrations are sick as fck.

[@lukedorny]

This is likely one of your most complete, revealing, and impressive process videos that you’ve done. Thanks for sharing. Cheers.

[@FluxAcademy]

happy to hear Luke! join us on today's livestream to learn about how I built it with Webflow!

[@danielbarbour6294]

The presentation slides: 1. Goals 2. Content 3. Look & Feel 1. Goals What is our goal for the website? What is our visitor's goal for the website? How do we define success? 2. Content • Solutions -> Customer Segment • Product • What we do/How we do it • Value (Explore each point) • Company (Team, jobs, vision) • Updates (News, blog) • Resources (White paper) • Our Customers/Testimonials • Contact • Sign up for updates/Newsletter 3. Look & Feel • References to things you love? • References to things you DON'T love? Great content, loved the explanation of the iterations of the video!

[@makenakong]

You are incredible for sharing your technical and industry knowledge with the rest of us. I've learned more from your channel than I have from 4 years of college of studying CS and Art.

[@sergio_grez]

Man, this is beyond amazing! Please upload more content like this. This has to be one of the most valuable contents on the internet. Thank you.

[@remusb]

You can surely make a series of this kind of tutorials. Short and simple. Exactly to the point.

[@supreetkumar7604]

It's 30 minutes long

[@ouden.]

@@supreetkumar7604 it's a 3 months work

[@AshishKumar-zi9gy]

We young learners learn a lot from these case studies .. thanks for such an amazing content

[@dariostefanutto5780]

Great video and process! I like how you leverage your network of creatives to get the best result possible.

[@alexgervais5243]

This is so awesome. I really like how you explained your collaboration process and how / who you decided to bring in. Also, in reference to you saying English is not your first language, you could've fooled me, your English is amazing and I honestly can't hear your accent through most of your videos.

[@pfzh]

This is sooo useful. Love how open and transparant you are with all your videos. Would love to know how much you charged and how you paid for those outside sources like Creative Mints and Yambo (or did the client pay for them?) Anyway, end result looks really cool.

[@willbradenal]

I would also like to know this. Our next project is looking perfect for some 3D animation. Is it reasonable to hire a 3D agency for a medium-impact visual asset?

[@krutivora7098]

I would have given this video multiple likes, if i could have. It just cleared out so much the messy process. Would like to see more similar videos, explaining your work approach. Great work.

[@mfaizanattique]

great to see all your detailed process flows and honest explanation of each process. Thanks and keep creating all of these videos

[@FluxAcademy]

🙏

[@CarlHeaton]

Can I ask how did you manage the change requests with the animator? Did you pre-agree a price or was this a 3 round change and then hourly afterwards?

[@kuro0renji]

Great job! I usually present a simple prototype animation to my clients using AE.

[@TristanBailey]

Great job, and nice to see the progression with a clean who worked with the iterations

[@SaraShepherd_PDX]

Thanks for sharing your process from start to finish!

[@iamState]

Really amazing process and well explained. One of your best videos if not your best.

[@parthsharma7091]

you make me feel so good with colors right now. I hit suscribe before this video ends....amazing work

[@brenomzy]

Hey Ran! Thank you so much for this. Just a feedback, in the Privacy and Policy page, there's a conflict with the header menu, if you wanna check it out, links are not working there and the menu itself behave differently. Again, keep it up, you help us so much.

[@aeralv8649]

The references for discussion are 1. Optimalplus.com 2. Cadence.com 3. Sisense.com 4. U-blox.com/en 5. Cartesiam.ai 6. Oncorps.io 7. Plethora.com If you pause the video and fo to 8:11, you’ll find it.

[@beunlimited5997]

You guys did a phenomenal job. Very inspiring. Thank you for sharing your process, challenges, and successes.

[@FluxAcademy]

Thank you so much!

[@Christopher-today]

Loved the case study. I’m not a designer, not even close, but being one of the founders of a tiny startup I’m wearing the designer hat for now ( along with my real job) till we can afford a real design. All your videos are really helpful so thank you. This one hits home because we have 2 distinct market segments (with one having multiple sub-segments) who have different requirements but using the same product so seeing some of your process thinking about something similar gave me some usable ideas to jump off from. Oh one thought. It’d be great if you included links to the various collaborators you worked with and while less important even the sites you mention as inspiration, etc. It just makes it easier (speed wise especially) to look at more of your collaborators work and to dig down into the other sites. Cheers. :)

[@denilsonmoreira8667]

Great video man! Learned a lot. I'm also a Web Designer / Marketing Strategist and I certainly relate to a lot of the experiences you went through on this project. It's not always easy for the client to trust your creative vision before they see it live and it's also hard sometimes to make sure your team is at the same page. Great job and thanks for sharing!

[@mike-d]

First live site I've seen from Creative Mints... Really cool that you collaborated with him.

[@Jayzylyn]

Thanks for showing us the process. Looking forward to know more videos as such!

[@ferdiagusta3406]

Thank you for sharing! I'm a junior designer, and learnt a lot the process of working with client

[@yevgenia7785]

Thank you so much for sharing this case study! It's always useful for beginners to see the process of creating things from scratch

[@walkingkimchee]

thanks for talking us through your whole insight. I have a question about your initial scope vs your final product. I imagined that 3d animations wasn't in your mind when you first quoted the client, and I am sure that the extra cost of 3D animation is great. I am curious as to whether you swallowed that cost yourself, or did you go back to the client and ask for extra budget? Amazing content as always! Thanks Ran!

[@Thebeatbreakerz1]

Awesome stuff. Thank you for allowing us to see the process and progress of your work flow

[@durudavid1980]

I love your works and how you break down processes and explain them. This is so amazing and I can imagine how mentally tasking this could have been. Great One. 2 question: Was the payment for the two designers you collaborated with factored into your cost or budget for the design before you began or was it afterwards...How did you handle this project in terms of cost not knowing fully well how much expense it would have taken from you.

[@ayrtonart]

Thanks man. I learn to much this kind of videos

[@baron5978]

Looks like that website has changed a bit since you first built it...classic client.

[@miketothefdot]

It would be really great to see the webflow project!

[@ropodesign]

What a great case study! thank you so much for sharing!!

[@williamvalvo3110]

I'm curious how do you find such beautiful and apt examples for such a niche industry?

[@luizamarques1503]

I wold love to know that too! I struggle a lot looking for good practical references.

[@lalit6830]

Thank you so much for this video. Please provide us more videos like this. BTW curious to know how much MIKE charge for this project..??

[@RedMuffing]

these case study breakdowns are super helpful! thank you!

[@ingmarkuhn9303]

Great, helpful video. Thanks a lot for all the insights. Just one question: Could you talk a little bit about pricing a project like that? Not in terms of numbers but how you recalculated after the changes in the project. And how you communicated this to the client.

[@sauravrastogi8349]

Amazing case study Ran! Please post more such videos.

[@serenas3297]

The process is incredible clear and valuable, thank you so much for sharing!

[@askshahawy]

Brilliant work and fantastic case. Thank you so much for sharing mate. All the best always ISA.

[@KemaneBa]

Wonderfully clean presentation, many thanks! The site seems to have no OpenGraph data yet, is that on purpose?

[@holmedw]

This is so great at showing the design process.

[@ILZorya]

Ran, this is best case study ever. Interesting how do you charge other designers.

[@djnkuli]

This so amazing. how do you charge the client to make up for these guys that you work with?

[@albertkim21]

Hi, I find your videos super informative and love the fact that you make use of real life case studies to explain! Could you be able to make a clip comparing marketplace builders such as cs-cart, shuup or ixxocart? It would be very useful for startups who want to build e-commerce space.

[@virathedon]

I think you did a video on how to build that animated bottom timeline, right? Can't seem to find it, please help! Thank you!!!

[@tobi_dosumu]

Super awesome! Thanks for sharing!

[@SilverHelm19]

Great video Ran. So nice to have an in-depth case study

[@FluxAcademy]

Fun to do them as well!

[@MrMaravish26]

How were you able to manage the budget to be able to outsource animations and other things? Or was it something that you just quote higher at the beginning to allow for outsourcing as ideas come up?

[@montrymanuel]

Thank you so much for your time and the great video :)

[@rohankulchur5681]

yo I getting scared watching your videos mate you making big bucks and I just getting started. thanks for sharing and wish me luck

[@miguelstevens3042]

Would this happen during the very first meeting? Where you introduce yourself and see if you're a personality match? Or would this happen during the second meeting?

[@kamalbella9026]

Thank you for sharing the process, I so needed this

[@aslerdogan5345]

Awesome! I wonder when you to the design side do you guys also consider if that design is possible to make on the development side? How is your coordination in that part, I wonder???

[@chrismacaluso781]

These process videos are awesome. Thank you so much. Btw....you speak better English than most Americans 😁

[@uzairahmad7171]

Amazing Amazing job Ran

[@FluxAcademy]

thank you! 👊

[@alexlynpi]

Great video Ran. BTW those sticky navbar indicators are a pixel out..

[@plumpeacherry7625]

A really helpful video for a computer science student like me who's learning how to build websites. Do you agree that web development is a job best suit a person who is both artistic and conventional? These two traits are rarely dominant in an individual and I am one of those few

[@garimajoshi986]

Amazing content! Thanks for sharing.

[@GenghisD0ng]

Did u lower the video quality in the final product(mby to lower bandwidth)? Looks a lot sharper on your system, here it's quite blurry. But still awesome and love the process leading up to this, thanks

[@kartiksingi672]

Hey Ran, Thanks for this informative video. just out of curiosity, do you usually do stylescapes to establish the visual language for a client or is that done through referencing?

[@eron9477]

This was done with webflow but what if was done hand-coded from the front end team would it get more complex and expensive?

[@MichaelJohnBurns]

Thank you for sharing Ran. Great case study. Mike is one of my favourite designer. It's amazing to see that Mike still use Photoshop. :)

[@allaboutislam3652]

just wow, i wonder when im gonna be agood designer like you

[@joaquimley]

Great value, a lot of value.

[@theEXOaudio]

damn that studies on the 3d animation itself is a lot of work already.

[@sarahmina9707]

Hey loved the case study! Thank you

[@FluxAcademy]

Thanks Sarah!

[@xuancheran4847]

Thank you for sharing the case very helpful.

[@wetiot]

This is great. Thank you.

[@greham]

Every clients: "We want to be on the internet!" What every designer should ask but less than half already do it: "Yeah cool but why?"

[@robertomaddaloni5841]

This is amazing content I'd be interested in how you create a story in the beginning process.

[@alessandrospiridigliozzi7943]

This was so interesting and informative!!! Thank you so much for sharing it!

[@theforestapp]

do you have resources for how to get good at doing this on such a professional level? i mean Learning the tools (like webflow) is a smaller,easier portion. Its one thing to know how to use the tool, its another to be able to bring out a vision of a companies project to this quality - I want to learn about THAT - the presentation portions, the relationship building,etc.. where do i start with that?

[@clementyo4526]

So much inspired me as start up web agency... Good luck bro

[@arthurhovh9]

Really good experience! Thanks for sharing with us:) Good luck!

[@akhilgovind8192]

Awesome task Bro i loved all the process !! and i have a thought regarding 3rd scroll page "Every Step of the Way" i feel this section has repeating content. may be as a UX Designer i would collaborate the 3rd scroll data in to the first screen story line. i think in this way user can read the content with 3D animation visuals which could help them to understand more about the story behind this site.

[@bireyanonimoglu2750]

Also we need to congratulate them giving such a generous deadline of 6+ weeks.

[@LaZanyarr]

Lol

[@timurhuseynov8794]

What about user research or usability tests? Are you users find it valuable? (I watched this video actually for ux design)

[@Runitsyourmamarun]

The animation is incredible and all, but how much does this affect the sites load time for mobile users? Is it able to load up before that 3 second window where users already made up their mind about a website?

[@snuggymonkey96]

YES! Love your case studies!!!

[@eileenquijano5833]

Thank you for sharing this amazing case study. I have learned a lot! Can you share how you did your research of the peg websites you presented to your client? What are the keywords you used and how did come up with those keywords? I work on a web development too. And I usually get stuck at the research stage where I need to look for design solutions from other websites because I couldn't come up with the right search terms.

[@mhdshafad]

What a great idea, thank u for sharing such a good work 🥰🥰

[@mert2943]

It's amazing! thanks for sharing this with us. How much did you charge for it? and how much did you spend to create these animations?

[@thebenbyrum]

3D is the future!

[@andrew_nayes]

great video, inspiring and instructive. I wonder though, is there any way to have more control over the responsiveness of the webpage? I think this would be necessary for projects with an emphasis on mobile, is there a way in Webflow that let you have more control over positioning and breakpoints and restructuring?

[@driesanalog4187]

nice one. how did you port the design from photoshop to webflow?

[@nb08]

love this fresh new intro Ran!

[@jaimecarrasco419]

Amazing content. You're the freakin best man!

[@madhumia1196]

great tips forever.

[@samagramishra5885]

How do you find best design refrences? (Not sugar coated dribble)

[@thesoftwaredeliverypodcast]

Extremely Cool video and very interesting approach on case studies. You have gained a new Subscriber

[@asmrtingletime4611]

Thank you very very much for showing a simple website design overview presentation. May I ask that you please make one for logo design, branding, and strategy? thank you.

[@Kapadona]

Amazing video Ran! Thank you.

[@Miltersen]

Fantastic work. Thanks for sharing

[@markgodwin3809]

Another great video Ran! Could you explain how you handled payment for your collaborators on the project? Did the animator and 3D artist get a percentage of the project or did you agree a fixed amount?

[@FluxAcademy]

Each priced their work individually

[@pixelwebdesign623]

Thank you for your tutorial. I learned alot.

[@jaidevhiranandani5304]

Really amazing work... Keep it up

[@nikanj6]

Excellent presentation. Thx

[@DigitalFactoryFX]

these are great, really helpful! Thanks for sharing