Sliding Pricing Calculator UI/UX with WordPress Integration

Client: EnVisual

Scope: Design and develop a sliding pricing calculator interface that simulates and actual sliding element that the user can slide up or down to alter the calculated results, with integration into WordPress.

Skills Required: jQuery/AJAX, PHP/MySQL, HTML/CSS, WordPress

Project Details: The purpose of this application is to provide customers with an interface to determine pricing. The different sliders can have default parameters set, and those numbers are increased as the slider is engaged. The increase is based on number of items at that price.

In order to accomplish this, I also made use of Google’s exchange rate API, in order to allow the user to switch between exchange rates, in order to see the difference in cost, and also to be sure that the results match their expectations (for international use).

This particular slider was integrated with a WordPress page template, in order to be integrated into a WordPress site. Therefore, it is theoretically able to be integrated into any install, and used with a different concept in mind. At some point, I will build something a little more complex, that can be downloaded and installed.

If this project interests you, and you’d like to know more about how I accomplished it, please feel free to contact me. Additionally, if you need a pricing slider, written in php, jQuery, and HTML/CSS, please feel free to contact me to discuss your needs.



Leave a Reply

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>