We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Smith machine 3D product configurator

Home Forums Projects Smith machine 3D product configurator

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #75498
    saranjivac
    Customer

    Hi folks, it was brought to my attention that I should share this project I did with you, so here it is: https://befitnowbuildyourmachine.com/product/new-custom-built-machine-2024/

    It was done with the woocommerce plugin (that’s why the response speed is a bit on the slow side), in retrospect I probably should of added some sort of loading screen to indicate the change to the 3D model is loading.

    As I wasn’t sure how to create custom UI for wordpress, it was done by a 3rd party. (I would love to hear from you if there is a way to create this exact UI without code, with elementor perhaps or something similar?)

    We went for the clean illustration on white approach inspired by https://www.hockerty.com/en-us/men/custom-dress-shirts/personalize/?step=config#

    That type of UI is quite popular with my clients.

    Feel free to share your thoughts, ask any questions you might have etc and I will try to answer when I have some extra time. :bye:

    #75499
    Aubrey
    Customer

    Outstanding job! Very well done. Might I suggest to include highlighting the elements on the model when you hover over the UI elements. For instance when you rollover the the ‘pull up bar’ options. So the user can see where they are located and where the change will happen.

    #75500
    saranjivac
    Customer

    Outstanding job! Very well done. Might I suggest to include highlighting the elements on the model when you hover over the UI elements. For instance when you rollover the the ‘pull up bar’ options. So the user can see where they are located and where the change will happen.

    Thank you. Yeah, we had a version with highlighting and annotations (I even later added some fancy camera switches to maximize the annotation visibility), but client didn’t follow through with it, so it didn’t end up in the final version.

    • This reply was modified 4 weeks, 1 day ago by saranjivac.
    • This reply was modified 4 weeks, 1 day ago by saranjivac.
    • This reply was modified 4 weeks, 1 day ago by saranjivac.
    • This reply was modified 4 weeks, 1 day ago by saranjivac.
    #75535
    visualizer
    Customer

    Hey thats lovely work.

    I just mentioned that V3D should be applied in more serious product ranges beyond just small thing & here it is!

    I noticed when I clicked on frame configurator option camera animation took place and frame also changed it looked like some jerk to me initially.
    A little suggestion,
    Just give some delay to camera animation after clicking OR put camera animation after frame appears. like example – “when finished do”
    My view as a raw end user what I felt.

    rest is awesome !

    #75538

    great work! :good: :good: :good:

    Chief 3D Verger | LinkedIn | Twitter

    #75609
    saranjivac
    Customer

    great work!

    Thank you.

    Hey thats lovely work.

    I just mentioned that V3D should be applied in more serious product ranges beyond just small thing & here it is!

    I noticed when I clicked on frame configurator option camera animation took place and frame also changed it looked like some jerk to me initially.
    A little suggestion,
    Just give some delay to camera animation after clicking OR put camera animation after frame appears. like example – “when finished do”
    My view as a raw end user what I felt.

    rest is awesome !

    The actual frame switching happens after the camera changes (using when finished do).

    What’s causing those jerks on frame switching (if we are thinking about the same thing) is that the woocommerce puzzle doesn’t let you switch from one to the other option by force (at least that I found, if anyone knows of a way please let me know).

    Which is needed when the user switches frame, but the existing weight configuration option on that frame doesn’t exist on the new frame. So it needs to switch to a “default option” for the new frame.

    At first I wanted to solve that within the UI, but the person doing the UI couldn’t quite understand what I needed so I had to simulate a button click on the default weight configuration for the clicked frame by writing some script, which causes some issues I could not resolve, especially if the frames are switched a few times in rapid succession.

    Later they continued to develop the UI after everything was done and I think they glitched it even more but at that point I already finished my part of the project and was just checking in from time to time.

    In the state it’s currently in I’m not even sure its showable as a portfolio piece, I might create my own UI and keep it off woocommerce and on Verge3D network. I’m thinking of doing minimalist UI, by showing only options to chose from after the user clicks on a specific piece.

    • This reply was modified 3 weeks, 3 days ago by saranjivac.
    • This reply was modified 3 weeks, 3 days ago by saranjivac.
    #75672
    visualizer
    Customer

    Hmmm
    right sometime things happen during project and we realize it too late or we somehow skip it.
    This is usual experience.

    Bu anyways, why I liked your example because, most people or users play with interior, architectural or simple simple products & you came up with some industrial grade real business application example.

    My samples shared here are also complex products / machine examples with less or moderate coding in puzzle editor.

    good:

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.