Jpeg

Package selection

Shot_1299687748

6 Responses

  1. Jpeg piotr f.

    So I was searching for an innovative way of presenting package options to avoid the most boring comparison tables. As there is nothing really to compare here (just the number of items included in the pack and the packs’s price) i went for these CSS3-driven humongous rounded buttons. Need to tweak the details here and there but everything is in place. Browsers not supporting border-radius will render squares. Everybody is happy.

    What you see here is the 5× pack currently selected, 8× about to be selected (mousedown), 12x in normal clickable element state. There’s loads of interaction frames to be shown here to fully understand the behaviour but you’ll probably figure that out…

    likes

    about 1 year ago

  2. Pro Musho_circle musHo

    Nice & clean,
    looking forward to see a live site with this element..

    about 1 year ago

  3. Pro 1d82e2e Mads Ejsing

    I really like the idea. Good job.

    about 1 year ago

  4. Avatar_2011_cropped Jeremy Ricketts

    Wonderful solution!

    about 1 year ago

  5. 80x80 Peter

    Absolutely amazing. Stealing it, sorry. #winning

    about 1 year ago

  6. Pro Optimiced-avatar Michel Bozgounov

    Winning idea, indeed! :)

    5 months ago

More by piotr f.

keyboard shortcuts: previous shot next shot L or F like