Web Design Process: B2B Startup Case Study

Sdílet
Vložit
  • čas přidán 22. 07. 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

Komentáře • 206

  • @aleksandarcucukovic9710
    @aleksandarcucukovic9710 Před 5 lety +267

    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
      @markj2297 Před 5 lety +15

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

    • @bibibobs
      @bibibobs Před 5 lety +1

      Show some of your work

    • @thedodger4018
      @thedodger4018 Před 4 lety +3

      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
      @tekiero Před 4 lety

      don't lie to me.

    • @DizzePL
      @DizzePL Před 3 lety +1

      @@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
    @lukedorny Před 5 lety +82

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

    • @FluxAcademy
      @FluxAcademy  Před 5 lety +1

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

  • @sergio_grez
    @sergio_grez Před 4 lety +1

    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.

  • @makenakong
    @makenakong Před 4 lety +2

    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.

  • @krutivora7098
    @krutivora7098 Před 2 lety

    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.

  • @denilsonmoreira8667
    @denilsonmoreira8667 Před 4 lety

    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!

  • @alexgervais5243
    @alexgervais5243 Před 5 lety +1

    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.

  • @yevgenia7785
    @yevgenia7785 Před 2 lety

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

  • @TristanBailey
    @TristanBailey Před 5 lety +1

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

  • @parthsharma7091
    @parthsharma7091 Před 5 lety +1

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

  • @Jayzylyn
    @Jayzylyn Před 5 lety +2

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

  • @askshahawy
    @askshahawy Před 5 lety

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

  • @Thebeatbreakerz1
    @Thebeatbreakerz1 Před 5 lety

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

  • @ferdiagusta3406
    @ferdiagusta3406 Před 3 lety

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

  • @SaraShepherd_PDX
    @SaraShepherd_PDX Před 2 lety

    Thanks for sharing your process from start to finish!

  • @iamState
    @iamState Před 5 lety +3

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

  • @serenas3297
    @serenas3297 Před 5 lety

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

  • @AshishKumar-zi9gy
    @AshishKumar-zi9gy Před 5 lety +5

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

  • @dariostefanutto5780
    @dariostefanutto5780 Před 4 lety +1

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

  • @sauravrastogi8349
    @sauravrastogi8349 Před 4 lety

    Amazing case study Ran! Please post more such videos.

  • @mfaizanattique
    @mfaizanattique Před 5 lety +3

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

  • @Christopher-today
    @Christopher-today Před 5 lety

    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. :)

  • @clementyo4526
    @clementyo4526 Před 5 lety

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

  • @mike-d
    @mike-d Před 5 lety +1

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

  • @RedMuffing
    @RedMuffing Před rokem

    these case study breakdowns are super helpful! thank you!

  • @beunlimited5997
    @beunlimited5997 Před 5 lety +1

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

  • @brenomzy
    @brenomzy Před 5 lety +6

    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
    @aeralv8649 Před 4 lety +4

    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.

  • @ropodesign
    @ropodesign Před 5 lety +4

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

  • @danielbarbour6294
    @danielbarbour6294 Před 5 lety

    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!

  • @SilverHelm19
    @SilverHelm19 Před 5 lety

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

  • @remusb
    @remusb Před 5 lety +9

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

  • @nb08
    @nb08 Před 5 lety

    love this fresh new intro Ran!

  • @ayrtonart
    @ayrtonart Před 4 lety

    Thanks man. I learn to much this kind of videos

  • @kuro0renji
    @kuro0renji Před 5 lety +4

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

  • @alessandrospiridigliozzi7943

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

  • @kamalbella9026
    @kamalbella9026 Před 5 lety

    Thank you for sharing the process, I so needed this

  • @arthurhovh9
    @arthurhovh9 Před 3 lety

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

  • @holmedw
    @holmedw Před 4 lety

    This is so great at showing the design process.

  • @thesoftwaredeliverypodcast

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

  • @MichaelJohnBurns
    @MichaelJohnBurns Před 5 lety

    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. :)

  • @garimajoshi986
    @garimajoshi986 Před 3 lety

    Amazing content! Thanks for sharing.

  • @miketothefdot
    @miketothefdot Před 5 lety +2

    It would be really great to see the webflow project!

  • @montrymanuel
    @montrymanuel Před rokem

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

  • @Kapadona
    @Kapadona Před 5 lety

    Amazing video Ran! Thank you.

  • @tobi_dosumu
    @tobi_dosumu Před 3 lety

    Super awesome! Thanks for sharing!

  • @jaimecarrasco419
    @jaimecarrasco419 Před 5 lety +2

    Amazing content. You're the freakin best man!

  • @ILZorya
    @ILZorya Před 5 lety

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

  • @ingmarkuhn9303
    @ingmarkuhn9303 Před 5 lety

    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.

  • @albertkim21
    @albertkim21 Před 5 lety

    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.

  • @snuggymonkey96
    @snuggymonkey96 Před 5 lety

    YES! Love your case studies!!!

  • @samirwahab9697
    @samirwahab9697 Před 5 lety

    Thanks Ran, really nice stuff.

  • @jaidevhiranandani5304
    @jaidevhiranandani5304 Před 4 lety

    Really amazing work...
    Keep it up

  • @mhdshafad
    @mhdshafad Před 3 lety

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

  • @xuancheran4847
    @xuancheran4847 Před 4 lety

    Thank you for sharing the case very helpful.

  • @durudavid1980
    @durudavid1980 Před 5 lety +1

    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.

  • @CarlHeaton
    @CarlHeaton Před 5 lety +11

    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?

  • @kartiksingi672
    @kartiksingi672 Před 5 lety +1

    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?

  • @nileshgosavi9527
    @nileshgosavi9527 Před 5 lety

    Thank You soo Much for this video..! It was great help

  • @robertdacian1751
    @robertdacian1751 Před 4 lety

    Amazing stuff, happy i subscribed. Keep up the good work, I need my motivation :))

  • @Miltersen
    @Miltersen Před 5 lety

    Fantastic work. Thanks for sharing

  • @rohankulchur5681
    @rohankulchur5681 Před 5 lety +1

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

  • @DigitalFactoryFX
    @DigitalFactoryFX Před 5 lety

    these are great, really helpful! Thanks for sharing

  • @uzairahmad7171
    @uzairahmad7171 Před 3 lety

    Amazing Amazing job Ran

  • @chrismacaluso781
    @chrismacaluso781 Před 3 lety

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

  • @KemaneBa
    @KemaneBa Před 5 lety +1

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

  • @Jonesrful
    @Jonesrful Před 5 lety

    Love this. Thanks for sharing!

  • @AnthonyRojasVideo
    @AnthonyRojasVideo Před 5 lety

    Nice job Ran! 👍👏

  • @joaquimley
    @joaquimley Před 4 lety

    Great value, a lot of value.

  • @denizhkilic
    @denizhkilic Před 5 lety

    very valuable great presentation! thanks for sharing

  • @asmrtingletime4611
    @asmrtingletime4611 Před 5 lety

    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.

  • @alexlynpi
    @alexlynpi Před 5 lety +1

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

  • @DrCharmsTV
    @DrCharmsTV Před 5 lety

    Thanks for sharing! Valuable information

  • @1a2n3i4a
    @1a2n3i4a Před 4 lety

    Very inspirational! I love Your work! :)

  • @allaboutislam3652
    @allaboutislam3652 Před měsícem

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

  • @MrMaravish26
    @MrMaravish26 Před 5 lety +1

    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?

  • @desislavadesseva6929
    @desislavadesseva6929 Před 5 lety

    Super Useful! Thank You so much!

  • @pixelwebdesign623
    @pixelwebdesign623 Před 5 lety

    Thank you for your tutorial. I learned alot.

  • @wetiot
    @wetiot Před 3 lety

    This is great. Thank you.

  • @lalit6830
    @lalit6830 Před 5 lety +2

    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..??

  • @redwanahmedfrabbi9076
    @redwanahmedfrabbi9076 Před 5 lety

    Thank you ran for sharing with us. Lots of thing i got it.

  • @eileenquijano5833
    @eileenquijano5833 Před 5 lety

    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.

  • @pfzh
    @pfzh Před 5 lety +13

    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
      @willbradenal Před 5 lety +1

      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?

  • @virathedon
    @virathedon Před 2 lety

    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!!!

  • @andrew_nayes
    @andrew_nayes Před 5 lety

    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?

  • @robertomaddaloni5841
    @robertomaddaloni5841 Před 5 lety +1

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

  • @matheuscardosogomes
    @matheuscardosogomes Před 5 lety

    Great video!!! So useful!

  • @digitalbizconsultant
    @digitalbizconsultant Před 5 lety

    Great information, thanks mate.

  • @walkingkimchee
    @walkingkimchee Před 4 lety +1

    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!

  • @djnkuli
    @djnkuli Před rokem

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

  • @davidson2812
    @davidson2812 Před 5 lety

    In safari on the privacy policy page, footer menu items not working :(

  • @sarahmina9707
    @sarahmina9707 Před 5 lety +1

    Hey loved the case study! Thank you

  • @GenghisD0ng
    @GenghisD0ng Před 5 lety

    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

  • @nikanj6
    @nikanj6 Před 5 lety

    Excellent presentation. Thx

  • @AbhishekKumar-mq1tt
    @AbhishekKumar-mq1tt Před 5 lety +1

    Thank u for this awesome video

  • @aslerdogan5345
    @aslerdogan5345 Před 4 lety

    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???

  • @miguelstevens3042
    @miguelstevens3042 Před 3 lety

    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?

  • @cippi123
    @cippi123 Před 5 lety

    Great video, full of useful intel! amazing design too! what is the final price if you can disclose?

  • @eron9477
    @eron9477 Před 4 lety

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

  • @Barkinful
    @Barkinful Před 5 lety

    this is just amazing