Interactive PDF-file or SWF-file/product configurator

Forum|Forum|6 years ago
March 14, 2019
5 replies
950 views

Hi,

For a client I'm creating a website. Part of this is a kind of 'product configurator', customers can choose the color composition of their product. The idea is to show this on the website. I took product photos and worked out all possible color combinations. So now I have to process this in the 'configurator'. I thought using InDesign was a good idea, with different pages with the different images on it. On the first page I created colored boxes with a link to the relevant page, exported to a SWF-file so it works technically. However, the problem is that there are 18 × 18 = 324 options. Problem: the file is becoming too large! So I need another solution. Who has tips how or with which program I can work out such a concept?

An example of what it have to look like you can find here.

Thanks for your answers .

This topic has been closed for replies.

Steve Werner

Community Expert

Remember what Bob and others say: Flash is DEAD, and it's not that far off:

https://fossbytes.com/rip-adobe-flash-death-date-31-dec-2020/

T

Test Screen Name

Brainiac

To avoid any doubt: SWF is being killed, or at least Flash Player is being killed, which has much the same effect for most people. Some major browsers will have killed it before the end of this year. It will be gone completely next year.

rayek.elfin

Brainiac

This is simple to achieve with a bit of javascript, html, and css coding, but a configurator can become quite complex, depending on the required scope and functionality. And the information must be saved on the server as well when ordering the product, which requires more coding.

As Bob already stated, InDesign is the wrong solution and tool for this.

An excellent high-level article about the UX design of product configurators:

https://www.smashingmagazine.com/2018/02/designing-a-perfect-responsive-configurator/

I looked at your configurator prototype, and I would suggest using 3d models to represent the bikes. This would tremendously save on file space, work, while having the option to present the bikes in actual 3d space. But I think this may be outside your comfort zone.

A code-free solution exists (Verge3D), but is a commercial product. They have a number of tutorials:

Do-it-yourself 3D product configurator - a quick-start guide

Making a practical 3D product configurator without a single line of code

Check with the client whether they have access to 3d models. Research indicates 3d model representations sell more products online.