Ajax product configurator examples

19 Jan 2008 - 12:21am
6 years ago
10 replies
8308 reads
Michael Micheletti
2006

I'm helping a friend who has a small business (total employees: 1, total
budget: $0 or maybe less) brainstorm ideas for a custom product configurator
for his website. Similar sites might allow you to see the clothes on a model
and change shirt colors, add various designs to a t-shirt, or customize your
new Mercedes colors, wheels, etc. He's curious to find out if this sort of
product configuration can be done well using Ajax/Web 2.0 technologies. He'd
like to avoid Flash if possible.

I've found these two examples so far:

Levolor store beta (pick a product and configure wall and window colors,
etc): http://www.levolor.com/store/
This was pretty fun to play with.

Zazzle t-shirt designs:
http://www.zazzle.com/cr/design/pt-shirt?style=basic_dark_tshirt&color=black
Not quite as direct and interactive.

Can you guys think of other similar examples?

Even better, do you know of any existing free or affordable code libraries
that do something like this?

Thanks for your help,

Michael Micheletti

Comments

19 Jan 2008 - 3:05am
Craig Peters
2007

Certainly not low budget--and not Ajax--but you can configure your
own Mini:

http://www.miniusa.com/#/build/configurator/mini_clubs-m

On Jan 18, 2008, at 9:21 PM, Michael Micheletti wrote:
>
> Can you guys think of other similar examples?
>

19 Jan 2008 - 10:59am
bminihan
2007

I built the site for AutumnRiders.com awhile back, which seems to be almost
exactly what you're looking for. I originally built it using just
Javascript and ASP, so can't take the credit for the Ajax callbacks to the
server, but it might give you some ideas...

http://www.autumnriders.com

Bryan
http://www.bryanminihan.com

-----Original Message-----
From: discuss-bounces at lists.interactiondesigners.com
[mailto:discuss-bounces at lists.interactiondesigners.com] On Behalf Of Michael
Micheletti
Sent: Saturday, January 19, 2008 12:21 AM
To: IxDA Discuss
Subject: [IxDA Discuss] Ajax product configurator examples

I'm helping a friend who has a small business (total employees: 1, total
budget: $0 or maybe less) brainstorm ideas for a custom product configurator
for his website. Similar sites might allow you to see the clothes on a model
and change shirt colors, add various designs to a t-shirt, or customize your
new Mercedes colors, wheels, etc. He's curious to find out if this sort of
product configuration can be done well using Ajax/Web 2.0 technologies. He'd
like to avoid Flash if possible.

I've found these two examples so far:

Levolor store beta (pick a product and configure wall and window colors,
etc): http://www.levolor.com/store/
This was pretty fun to play with.

Zazzle t-shirt designs:
http://www.zazzle.com/cr/design/pt-shirt?style=basic_dark_tshirt&color=black
Not quite as direct and interactive.

Can you guys think of other similar examples?

Even better, do you know of any existing free or affordable code libraries
that do something like this?

Thanks for your help,

Michael Micheletti
________________________________________________________________
*Come to IxDA Interaction08 | Savannah*
February 8-10, 2008 in Savannah, GA, USA
Register today: http://interaction08.ixda.org/

________________________________________________________________
Welcome to the Interaction Design Association (IxDA)!
To post to this list ....... discuss at ixda.org
Unsubscribe ................ http://www.ixda.org/unsubscribe
List Guidelines ............ http://www.ixda.org/guidelines
List Help .................. http://www.ixda.org/help

19 Jan 2008 - 2:59pm
Jeff Seager
2007

http://beta.mego.com/
http://www.meez.com/
I can't advise on the code needed, but this sort of functionality is
increasingly common so I would expect to find some blogging about it
among developers. A friend recently spec'd a new Toyota on their
website using a very slick interface that displays all the options
and the pricing for your customization, and builds a PDF for you to
download as a reference.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=24768

21 Jan 2008 - 4:54am
Ferran Alvarez
2005

Hi Michael,

Last year we did this on-line shop with Ajax for a Dutch company:
http://www.zonneman.com/

(For non Dutch users, link on this: http://www.zonneman.com/#besteljaloezie)

Ferran Alvarez
http://www.bryte.biz

-----Mensaje original-----
De: discuss-bounces at lists.interactiondesigners.com
[mailto:discuss-bounces at lists.interactiondesigners.com] En nombre de Michael
Micheletti
Enviado el: sábado, 19 de enero de 2008 6:21
Para: IxDA Discuss
Asunto: [IxDA Discuss] Ajax product configurator examples

I'm helping a friend who has a small business (total employees: 1, total
budget: $0 or maybe less) brainstorm ideas for a custom product configurator
for his website. Similar sites might allow you to see the clothes on a model
and change shirt colors, add various designs to a t-shirt, or customize your
new Mercedes colors, wheels, etc. He's curious to find out if this sort of
product configuration can be done well using Ajax/Web 2.0 technologies. He'd
like to avoid Flash if possible.

I've found these two examples so far:

Levolor store beta (pick a product and configure wall and window colors,
etc): http://www.levolor.com/store/
This was pretty fun to play with.

Zazzle t-shirt designs:
http://www.zazzle.com/cr/design/pt-shirt?style=basic_dark_tshirt&color=black
Not quite as direct and interactive.

Can you guys think of other similar examples?

Even better, do you know of any existing free or affordable code libraries
that do something like this?

Thanks for your help,

Michael Micheletti
________________________________________________________________
*Come to IxDA Interaction08 | Savannah*
February 8-10, 2008 in Savannah, GA, USA Register today:
http://interaction08.ixda.org/

________________________________________________________________
Welcome to the Interaction Design Association (IxDA)!
To post to this list ....... discuss at ixda.org Unsubscribe ................
http://www.ixda.org/unsubscribe List Guidelines ............
http://www.ixda.org/guidelines List Help ..................
http://www.ixda.org/help

21 Jan 2008 - 1:39pm
Michael Micheletti
2006

These examples are great. I really like the use of simple illustrations on
the Zonneman site. Another example sent me off list is the Old Navy site,
which has simple rollovers to show shirts in different colors:
http://www.oldnavy.com

Would love to see even more examples if you know of them - they're giving us
lots of ideas on how to simplify and do a good job. Much appreciated,

Michael Micheletti

21 Jan 2008 - 4:20pm
Jeff Seager
2007

Land's End does something similar to Old Navy's approach, Michael,
except Land's End uses clickable swatches as the trigger:
http://tinyurl.com/39k3gx

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=24768

21 Jan 2008 - 4:55pm
Eric DeLabar
2007

Scene7 provides this and more functionality as a service, (not for a
0-budget, but great for ideas), their demos are listed here:

http://www.scene7.com/demos/index.asp
I've used them for a client, the API is pretty easy, but the overall quality
has more to do with the source images than the implementation.

The initial concept and a lot of the richer AJAX functionality got lost in
the client's requirements, and the site is incredibly slow for the same
reasons, but you can see how it ended up here:

http://tinyurl.com/2zh7hm

Eric DeLabar
Sr. Systems Engineer
Trifecta Technologies, Inc.
http://www.trifecta.com/

21 Jan 2008 - 7:26pm
Justin English
2008

I would not call a person who wants free design and coding work a
friend.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=24768

21 Jan 2008 - 8:39pm
Michael Micheletti
2006

On Mon, 21 Jan 2008 16:26:30, Justin English <jaenglish at sbcglobal.net>
wrote:

> I would not call a person who wants free design and coding work a
> friend.

Justin,

I have had an active volunteer practice going on now for more than 10 years.
During that time, I've engaged in many free design and coding projects,
making new friends in places as far away as Botswana, Albania, and
Kyrgyzstan.

In volunteer work, schedules are forgiving. New technologies or design
approaches can be pursued. Your portfolio grows more interesting. Plus your
world view may expand. I'm paid well by my employers for professional
design services and don't have any real need to make money on side
projects, so I usually turn away paid freelance requests to avoid any
conflicts of interest. Volunteer design work can be very satisfying; if your
day job ever gets stale, consider helping others in need as a way to keep
engaged in your craft. All the best,

Michael Micheletti

21 Jan 2008 - 9:42pm
mary keitelman
2006

I personally think istock Photo has excellent user interaction:

mouseover of an image produces tags, image title, and a larger view of the image.

http://www.istockphoto.com

Mary Keitelman

> Date: Mon, 21 Jan 2008 10:39:28 -0800
> From: michael.micheletti at gmail.com
> To: ferran.alvarez at bryte.biz
> CC: discuss at ixda.org
> Subject: Re: [IxDA Discuss] Ajax product configurator examples
>
> These examples are great. I really like the use of simple illustrations on
> the Zonneman site. Another example sent me off list is the Old Navy site,
> which has simple rollovers to show shirts in different colors:
> http://www.oldnavy.com
>
> Would love to see even more examples if you know of them - they're giving us
> lots of ideas on how to simplify and do a good job. Much appreciated,
>
> Michael Micheletti
> ________________________________________________________________
> *Come to IxDA Interaction08 | Savannah*
> February 8-10, 2008 in Savannah, GA, USA
> Register today: http://interaction08.ixda.org/
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help

_________________________________________________________________
Helping your favorite cause is as easy as instant messaging. You IM, we give.
http://im.live.com/Messenger/IM/Home/?source=text_hotmail_join

Syndicate content Get the feed