Web Design Process: B2B Startup Case Study
HTML-код
- Опубликовано: 31 май 2024
- Check out the finished product: www.proteantecs.com/
-
Learn how to build Custom designed websites with Webflow:
zpr.io/g8yWH
-
Flux is proudly sponsored by Webflow, start a new account with an awesome discount:
bit.ly/FluxWebflowDiscount
-
Instagram: / ransegall
Twitter: / ransegall
-
Gear & Book Recommendations: bit.ly/2ohFOuj
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!
Aleksandar CUCUKOVIC yea, the only problem is the vid is 30 min long. They won’t watch.
Show some of your work
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.
don't lie to me.
@@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.
This is likely one of your most complete, revealing, and impressive process videos that you’ve done. Thanks for sharing. Cheers.
happy to hear Luke! join us on today's livestream to learn about how I built it with Webflow!
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.
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.
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!
Really amazing process and well explained. One of your best videos if not your best.
Great job, and nice to see the progression with a clean who worked with the iterations
The process is incredible clear and valuable, thank you so much for sharing!
great to see all your detailed process flows and honest explanation of each process. Thanks and keep creating all of these videos
🙏
Brilliant work and fantastic case. Thank you so much for sharing mate. All the best always ISA.
Thanks for showing us the process. Looking forward to know more videos as such!
Awesome stuff. Thank you for allowing us to see the process and progress of your work flow
What a great case study! thank you so much for sharing!!
you make me feel so good with colors right now. I hit suscribe before this video ends....amazing work
You can surely make a series of this kind of tutorials. Short and simple. Exactly to the point.
It's 30 minutes long
@@supreetkumar7604 it's a 3 months work
We young learners learn a lot from these case studies .. thanks for such an amazing content
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.
Thank you so much for sharing this case study! It's always useful for beginners to see the process of creating things from scratch
Great video and process! I like how you leverage your network of creatives to get the best result possible.
love this fresh new intro Ran!
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!
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.
You guys did a phenomenal job. Very inspiring. Thank you for sharing your process, challenges, and successes.
Thank you so much!
Thanks for sharing your process from start to finish!
Amazing case study Ran! Please post more such videos.
Thank you for sharing the process, I so needed this
Great job! I usually present a simple prototype animation to my clients using AE.
these case study breakdowns are super helpful! thank you!
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.
Thank you for sharing! I'm a junior designer, and learnt a lot the process of working with client
This was so interesting and informative!!! Thank you so much for sharing it!
YES! Love your case studies!!!
Great video Ran. So nice to have an in-depth case study
Fun to do them as well!
So much inspired me as start up web agency... Good luck bro
First live site I've seen from Creative Mints... Really cool that you collaborated with him.
This is so great at showing the design process.
Amazing video Ran! Thank you.
Thanks man. I learn to much this kind of videos
It would be really great to see the webflow project!
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?
Thank you for sharing the case very helpful.
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.
Extremely Cool video and very interesting approach on case studies. You have gained a new Subscriber
Fantastic work. Thanks for sharing
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. :)
Thanks Ran, really nice stuff.
these are great, really helpful! Thanks for sharing
Amazing content! Thanks for sharing.
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. :)
Super awesome! Thanks for sharing!
Really amazing work...
Keep it up
Nice job Ran! 👍👏
Thank you so much for your time and the great video :)
What a great idea, thank u for sharing such a good work 🥰🥰
Excellent presentation. Thx
Amazing content. You're the freakin best man!
Thank you for your tutorial. I learned alot.
Love this. Thanks for sharing!
Really good experience! Thanks for sharing with us:) Good luck!
Thank You soo Much for this video..! It was great help
Super Useful! Thank You so much!
very valuable great presentation! thanks for sharing
this is just amazing
This is great. Thank you.
Thanks for sharing! Valuable information
Ran, this is best case study ever. Interesting how do you charge other designers.
Thank u for this awesome video
It came out great
Very inspirational! I love Your work! :)
Great information, thanks mate.
Amazing Amazing job Ran
thank you! 👊
Thank you ran for sharing with us. Lots of thing i got it.
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?
Great video Ran. BTW those sticky navbar indicators are a pixel out..
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.
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?
Great video!!! So useful!
Hey loved the case study! Thank you
Thanks Sarah!
Great value, a lot of value.
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.
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.
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.
Amazing stuff, happy i subscribed. Keep up the good work, I need my motivation :))
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?
Wonderfully clean presentation, many thanks! The site seems to have no OpenGraph data yet, is that on purpose?
amazing content!
Thanks for Sharing.
v impressive. Thx
great tips forever.
Looks like that website has changed a bit since you first built it...classic client.
Brilliant!
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
This is amazing content I'd be interested in how you create a story in the beginning process.
Thanks!
amazing content! subscribed :)
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?"
yo I getting scared watching your videos mate you making big bucks and I just getting started. thanks for sharing and wish me luck
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.
Dude, thank you for the video and for sharing this know-how with us! This is the inspiration that I was searching for today!
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..??
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!