Color Configurator Hydra - Draft - Please provide feedback

pushkar

Well-Known Member
One of the items we want to do is offer a reasonable representation of what the bike will look like with colors (close enough).

I have been working on the color chooser tool and I would like to get some feedback from you (link here: https://cdn.soft8soft.com/AROAJSY2G.../applications/wattwagonsbike_v_0_3/index.html)

1. Comment on layout
2. Comment on areas to color
3. Color accuracy (based on what you have seen)
4. Which colors will be helpful.




Screen Shot 2021-01-11 at 9.15.43 AM.png




Here is a list of colors that seem reasonable but want to include things that people strongly feel about.

This code should be displayed as selectedCOLOR NAME (on mouse over)Link to the color.
H-109Sleek Glossy Blackhttps://www.cerakote.com/shop/cerakote-coating/H-109/gloss-black
H-127Rich Navy Bluehttps://www.cerakote.com/shop/cerakote-coating/H-127/kel-tec-navy-blue
H-128Rich Medium Orangehttps://www.cerakote.com/shop/cerakote-coating/H-128/hunter-orange
H-136Rich Snowy Whitehttps://www.cerakote.com/shop/cerakote-coating/H-136/snow-white
H-141Bright, Rich Pinkhttps://www.cerakote.com/shop/cerakote-coating/H-141/prison-pink
H-146Satin Blackhttps://www.cerakote.com/shop/cerakote-coating/H-146/graphite-black
H-147Light Grey With A Very Fine Silver Metallichttps://www.cerakote.com/shop/cerakote-coating/H-147/satin-mag
H-148Cocoa Bronze Highlighted By Gold Metallichttps://www.cerakote.com/shop/cerakote-coating/H-148/burnt-bronze
H-166Rich Yellowhttps://www.cerakote.com/shop/cerakote-coating/H-166/electric-yellow
H-169Soft Teal With Strong Blue Hueshttps://www.cerakote.com/shop/cerakote-coating/H-169/sky-blue
H-171Rich Cerulean Bluehttps://www.cerakote.com/shop/cerakote-coating/H-171/nra-blue
H-185Teal Ocean Bluehttps://www.cerakote.com/shop/cerakote-coating/H-185/blue-titanium
H-188Dark Blue Greyhttps://www.cerakote.com/shop/cerakote-coating/H-188/magpul-stealth-grey
H-190Flattest Blackhttps://www.cerakote.com/shop/cerakote-coating/H-190/armor-black
H-216Warm And Rich Lipstick Redhttps://www.cerakote.com/shop/cerakote-coating/H-216/firehouse-red
H-219Sparkling Pewter Greyhttps://www.cerakote.com/shop/cerakote-coating/H-219/gun-metal-grey
H-220Warm Cerulean Bluehttps://www.cerakote.com/shop/cerakote-coating/H-220/ridgeway-blue
H-221Warm Brick Redhttps://www.cerakote.com/shop/cerakote-coating/H-221/crimson
H-234Dark Grey With A Slight Blueish Tinthttps://www.cerakote.com/shop/cerakote-coating/H-234/sniper-grey
H-236Medium Olive Drab Greenhttps://www.cerakote.com/shop/cerakote-coating/H-236/od-green
H-238Very Dark Midnight Bluehttps://www.cerakote.com/shop/cerakote-coating/H-238/midnight-blue
H-245Very Dark Blue That Almost Looks Blackhttps://www.cerakote.com/shop/cerakote-coating/H-245/socom-blue
H-262Charcoal Grey With A Blueish Tinthttps://www.cerakote.com/shop/cerakote-coating/H-262/stone-grey
H-295Dark Grey With A Slight Blue Huehttps://www.cerakote.com/shop/cerakote-coating/H-295/cobalt-kinetics-slate
H-296Earthy Greyish Greenhttps://www.cerakote.com/shop/cerakote-coating/H-296/cobalt-kinetics-green
H-300Matte Armor Clearhttps://www.cerakote.com/shop/cerakote-coating/H-300/high-gloss-armor-clear
H-301Matte Armor Clearhttps://www.cerakote.com/shop/cerakote-coating/H-301/matte-armor-clear
H-306Classic Red Lipstickhttps://www.cerakote.com/shop/cerakote-coating/H-306/ruby-red
H-310Rich, Gorgeous Orange-Brownhttps://www.cerakote.com/shop/cerakote-coating/H-310/copper-suede
H-313Beautiful, Spring Greenhttps://www.cerakote.com/shop/cerakote-coating/H-313/mojito
H-316Medium Forest Green With A Slight Shimmerhttps://www.cerakote.com/shop/cerakote-coating/H-316/squatch-green
H-322Deep Fiery Orange With Shimmering Metallichttps://www.cerakote.com/shop/cerakote-coating/H-322/blood-orange
H-326Shimmery Sky Bluehttps://www.cerakote.com/shop/cerakote-coating/H-326/polar-blue
H-329Bright Light Bluehttps://www.cerakote.com/shop/cerakote-coating/H-329/blue-raspberry
H-331Hi Vis !!https://www.cerakote.com/shop/cerakote-coating/H-331/parakeet-green
H-333Flat Pink Redhttps://www.cerakote.com/shop/cerakote-coating/H-333/sedona
H-337Flat Greyhttps://www.cerakote.com/shop/cerakote-coating/H-337/platinum-grey
H-338Flat Grey Greenhttps://www.cerakote.com/shop/cerakote-coating/H-338/charcoal-green
H-343Military Greenhttps://www.cerakote.com/shop/cerakote-coating/H-343/multicam-bright-green
H-345Nice Greyhttps://www.cerakote.com/shop/cerakote-coating/H-345/multicam-dark-grey
H-346Hi Vis !!https://www.cerakote.com/shop/cerakote-coating/H-346/hi-vis-orange
H-349Tealhttps://www.cerakote.com/shop/cerakote-coating/H-349/aztec-teal
H-400Dark / Olive Greenhttps://www.cerakote.com/shop/cerakote-coating/H-400/jesse-james-eastern-front-green
H-402Greyhttps://www.cerakote.com/shop/cerakote-coating/H-402/jesse-james-cold-war-grey
H-8000Olive Yellowhttps://www.cerakote.com/shop/cerakote-coating/H-8000/ral-8000
H-293Dark Flat Bronze With A Faint Metallichttps://www.cerakote.com/shop/cerakote-coating/H-293/vortex-bronze
 
Last edited:
Working on the following
1. As @scrambler showed us, we want to add the ability to upload your own decals. Users will have to provide high res images.
2. Allowing more granularity on the faces to color.
3. Rolling this out for the Helios models too.
 
One of the items we want to do is offer a reasonable representation of what the bike will look like with colors (close enough).

I have been working on the color chooser tool and I would like to get some feedback from you (link here: https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:beda483d65/applications/wattwagonsbike/index.html)

1. Comment on layout
2. Comment on areas to color
3. Color accuracy (based on what you have seen)
4. Which colors will be helpful.



View attachment 76456








Here is a list of colors that seem reasonable but want to include things that people strongly feel about.

This code should be displayed as selectedCOLOR NAME (on mouse over)Link to the color.
H-109Sleek Glossy Blackhttps://www.cerakote.com/shop/cerakote-coating/H-109/gloss-black
H-127Rich Navy Bluehttps://www.cerakote.com/shop/cerakote-coating/H-127/kel-tec-navy-blue
H-128Rich Medium Orangehttps://www.cerakote.com/shop/cerakote-coating/H-128/hunter-orange
H-136Rich Snowy Whitehttps://www.cerakote.com/shop/cerakote-coating/H-136/snow-white
H-141Bright, Rich Pinkhttps://www.cerakote.com/shop/cerakote-coating/H-141/prison-pink
H-146Satin Blackhttps://www.cerakote.com/shop/cerakote-coating/H-146/graphite-black
H-147Light Grey With A Very Fine Silver Metallichttps://www.cerakote.com/shop/cerakote-coating/H-147/satin-mag
H-148Cocoa Bronze Highlighted By Gold Metallichttps://www.cerakote.com/shop/cerakote-coating/H-148/burnt-bronze
H-166Rich Yellowhttps://www.cerakote.com/shop/cerakote-coating/H-166/electric-yellow
H-169Soft Teal With Strong Blue Hueshttps://www.cerakote.com/shop/cerakote-coating/H-169/sky-blue
H-171Rich Cerulean Bluehttps://www.cerakote.com/shop/cerakote-coating/H-171/nra-blue
H-185Teal Ocean Bluehttps://www.cerakote.com/shop/cerakote-coating/H-185/blue-titanium
H-188Dark Blue Greyhttps://www.cerakote.com/shop/cerakote-coating/H-188/magpul-stealth-grey
H-190Flattest Blackhttps://www.cerakote.com/shop/cerakote-coating/H-190/armor-black
H-216Warm And Rich Lipstick Redhttps://www.cerakote.com/shop/cerakote-coating/H-216/firehouse-red
H-219Sparkling Pewter Greyhttps://www.cerakote.com/shop/cerakote-coating/H-219/gun-metal-grey
H-220Warm Cerulean Bluehttps://www.cerakote.com/shop/cerakote-coating/H-220/ridgeway-blue
H-221Warm Brick Redhttps://www.cerakote.com/shop/cerakote-coating/H-221/crimson
H-234Dark Grey With A Slight Blueish Tinthttps://www.cerakote.com/shop/cerakote-coating/H-234/sniper-grey
H-236Medium Olive Drab Greenhttps://www.cerakote.com/shop/cerakote-coating/H-236/od-green
H-238Very Dark Midnight Bluehttps://www.cerakote.com/shop/cerakote-coating/H-238/midnight-blue
H-245Very Dark Blue That Almost Looks Blackhttps://www.cerakote.com/shop/cerakote-coating/H-245/socom-blue
H-262Charcoal Grey With A Blueish Tinthttps://www.cerakote.com/shop/cerakote-coating/H-262/stone-grey
H-295Dark Grey With A Slight Blue Huehttps://www.cerakote.com/shop/cerakote-coating/H-295/cobalt-kinetics-slate
H-296Earthy Greyish Greenhttps://www.cerakote.com/shop/cerakote-coating/H-296/cobalt-kinetics-green
H-300Matte Armor Clearhttps://www.cerakote.com/shop/cerakote-coating/H-300/high-gloss-armor-clear
H-301Matte Armor Clearhttps://www.cerakote.com/shop/cerakote-coating/H-301/matte-armor-clear
H-306Classic Red Lipstickhttps://www.cerakote.com/shop/cerakote-coating/H-306/ruby-red
H-310Rich, Gorgeous Orange-Brownhttps://www.cerakote.com/shop/cerakote-coating/H-310/copper-suede
H-313Beautiful, Spring Greenhttps://www.cerakote.com/shop/cerakote-coating/H-313/mojito
H-316Medium Forest Green With A Slight Shimmerhttps://www.cerakote.com/shop/cerakote-coating/H-316/squatch-green
H-322Deep Fiery Orange With Shimmering Metallichttps://www.cerakote.com/shop/cerakote-coating/H-322/blood-orange
H-326Shimmery Sky Bluehttps://www.cerakote.com/shop/cerakote-coating/H-326/polar-blue
H-329Bright Light Bluehttps://www.cerakote.com/shop/cerakote-coating/H-329/blue-raspberry
H-331Hi Vis !!https://www.cerakote.com/shop/cerakote-coating/H-331/parakeet-green
H-333Flat Pink Redhttps://www.cerakote.com/shop/cerakote-coating/H-333/sedona
H-337Flat Greyhttps://www.cerakote.com/shop/cerakote-coating/H-337/platinum-grey
H-338Flat Grey Greenhttps://www.cerakote.com/shop/cerakote-coating/H-338/charcoal-green
H-343Military Greenhttps://www.cerakote.com/shop/cerakote-coating/H-343/multicam-bright-green
H-345Nice Greyhttps://www.cerakote.com/shop/cerakote-coating/H-345/multicam-dark-grey
H-346Hi Vis !!https://www.cerakote.com/shop/cerakote-coating/H-346/hi-vis-orange
H-349Tealhttps://www.cerakote.com/shop/cerakote-coating/H-349/aztec-teal
H-400Dark / Olive Greenhttps://www.cerakote.com/shop/cerakote-coating/H-400/jesse-james-eastern-front-green
H-402Greyhttps://www.cerakote.com/shop/cerakote-coating/H-402/jesse-james-cold-war-grey
H-8000Olive Yellowhttps://www.cerakote.com/shop/cerakote-coating/H-8000/ral-8000
H-293Dark Flat Bronze With A Faint Metallichttps://www.cerakote.com/shop/cerakote-coating/H-293/vortex-bronze
Are all of the colors on this list being added to the configurator and will we be able to search by color code and real name vs. the description? I note on the configurator H-306 shows as the first color in each section, but beyond that only your description.
 
Looks great to me. To confirm though, the battery cover will match the color of the frame as well for the Hydra and Helios?
 
Are all of the colors on this list being added to the configurator and will we be able to search by color code and real name vs. the description? I note on the configurator H-306 shows as the first color in each section, but beyond that only your description.
Yes, that is the goal (when you select a color, the code shows up). I am using descriptors from cerakote that describe the color in a little more detail.

If you click on the down arrow (not big enough) you can see the drop down and select more colors.
 
Part of the reason I like darker colors is to my eye they go better with the black of the motor, battery, tires etc.
 
Of all the pics on the site I think this one pretty faithfully renders this color: H-294 Midnight Bronze

Screen Shot 2021-01-11 at 9.56.47 AM.png
 
Last edited:
Working on the following
1. As @scrambler showed us, we want to add the ability to upload your own decals. Users will have to provide high res images.
2. Allowing more granularity on the faces to color.
3. Rolling this out for the Helios models too.
Two quick questions, @pushkar:
  1. We have to choose our color from your list in the color configurator? We can't choose any color from Cerakote?
  2. What do you mean by faces in "more granularity on the faces to color"?
 
Two quick questions, @pushkar:
  1. We have to choose our color from your list in the color configurator? We can't choose any color from Cerakote?
  2. What do you mean by faces in "more granularity on the faces to color"?
1. This is just a test of the UI / rendering / layout etc. I have started with a somewhat curated list and we will add more colors that riders like. Users can absolutely specify other colors not on the selector as well.

2. More granularity e.g. so breaking up the large color regions into smaller regions so people can see different combos. Instead of one big part, do multiple small parts . e.g. right now when you select inside, it selects the entire triangle. However it doesn't select the inside of chainstays.
 
Ah, gotcha, @pushkar. Thanks for the clarification on both.

I assume that there will be an extra cost if we configured multiple colors.
 
As far as UI, it wasn't initially clear to me that selector 1 overrides choices from both selectors 2 and 3. You may want to explicitly clarify to the customer that you choose either

A) a single color with selector 1
or
B) two colors with selector 2 and selector 3

In other words, group the choices somehow.
 
Back