- This topic has 6 replies, 4 voices, and was last updated 5 months, 3 weeks ago by
.
-
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.
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.
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.
- You must be logged in to reply to this topic.