This project involves making a simple wheelchair ramp configurator for an HTML website. It’s essentially a 1-2-3 step configurator where the 1st page is selecting the type of ramp, 2nd page has drop-down boxes for customizing the ramp, and the 3rd page outputs the variables they selected along with the price. I’ll provide you with the HTML page template.
Basically, the main part of this job is corresponding our pricing list with the ramp options the customer selects, like total length and total post height/rise and having it calculate the output on the 3rd page (all pricing will be provided in USD whole numbers, and will factor in free delivery, so it’s pretty straight forward). The prices should NOT be shown in the drop-down boxes.
Here’s the outline:
1.) 1st page of the configurator lets the customer select between 3 types of ramps. 3 photos will be shown (non-clickable examples), and directly below them will be 3 clickable schematic photos to select from, which are: A) Straight B) Straight w/ platform C) Turn Ramp w/ platform.
2.) After customer clicks on a ramp picture, it will go to the ‘step 2’ HTML page. Each of the 3 ramp selections above will actually need a different HTML page (so there are 3 different ‘step 2’ pages). Each should be slightly modified for the necessary drop down boxes for a particular ramp, as shown below:
A). If Straight ramp, drop-down selections are: (length X, total rise)
B). If Straight ramp with platform, drop-downs selections are: (length X, total rise) + platform
C). If Turn ramps, then (length X, ramp2 length Y, total rise, LH/RH, platform). The platform needs
to be a drop-down here because 2 platforms may be requested.
To be clear:
*If they select (B) Straight ramp with platform, the 2nd page is modified to include the additional
platform cost (no drop-down).
**If they select (C) Turn ramp, the 2nd page should include 2 more drop down boxes. One box asks
them to select 1 or 2 platforms, and the other box lets them select left handed or right handed turn.
3.) Each ‘step 2’ page will need a check box at the bottom that says “I understand that all ramps are non-refundable”. Directly below that, there will be a ‘Submit’ button.
4.) Clicking the submit button calculates the price according to the corresponding ramp formula above, and will output the options that the customer chose on the 3rd page. Again, you will receive the price list on excel spreadsheets. We are, however, currently waiting on our supplier to send us the complete pricing and so full pricing will be provided to you likely within the first 2 weeks of project commencement.
*Pricing needs to be editable in the future (so if pricing is editable via HTML, then that’s fine)
**We would really like to add an interactive visual display for the 3rd page which will output the original 1st page schematic of the type of ramp they selected – but have the calculator dynamically insert the dimension variables they picked for length, total rise, etc., and show them in between arrows corresponding to the components. This could be another project but we will give job preference to someone who can create this display on the 3rd page.
***In the future we will add a 4th ramp selection, so more work will be available to whoever is hired.
As per client instructions, some changes have been made below, which are minor modifications to the structure
of the configurator, but will actually make it much easier when working the excel price sheets:
Updated Flow Chart:
(Step 1, choice A): Straight Ramp > calculator page #1
(Step 1, choice B): Straight Ramp w/ platform > calculator page #2
(Step 1, choice C): Turn Ramp Customizer > (Step 2 page has 3 clickable choices:)
1.) Turn Ramp w/ Platform > calculator page #3
2.) Turn Ramps w/ Platform > calculator page #4 (needs optional 2nd platform)
3.) Turn Ramps to existing deck/landing > calculator page #5
So we need in total 5 calculator pages (each slightly modified with their component/price variations) - and I’ll go over the specifics with the project winner on the excel pricing sheets and how they correspond to the calculator pages.
To simplify things, I’ve already gone ahead and created the ‘Step 1’ (page 1) and the ‘Step 2’ (page 2) for the Turn Ramp customizer (on the flow chart above), since the turn ramps need 3 more options before calculating components. I’ll provide links for viewing those pages to the project winner so they can see for themselves before they start.
Lastly, I’ve also created the ‘calculator page’ template for you to simply insert the drop-down box code variations for the 5 calculator pages. You can use the same calculator template for the final output pages.
Notes for all bidders:
*All pages have been updated in PHP. You will receive the page template accompanied w/ the folder files for CSS, images, etc. so you can display the template offline
*There are a few more options we need to include for drop-downs, like corner and closure kits (these are optional so they need to include ‘None’ in drop-down menu), and tubes (these are mandatory drop-downs). All dimensions and price points will be given.
*There is no shopping cart, so no Database involved, it’s just simple drop-downs that when selected, will calculate price for the final output page (again, prices are NOT shown in drop-downs).
*I now have all dimensions/prices on spreadsheets, so no lag time on your end for creating the pages.
9 freelance ont fait une offre moyenne de 384 $ pour ce travail
Good day! I'm ready to pick up the project and produce a quality solution. I've sent you a private message also to describe the details. Best regards, Lev
I have previous experiences in developing interactive sites like this [url removed, login to view] [url removed, login to view] So I think I am a perfect person for your work