We have a business that deals in solar panel systems.
On our webpage we have a "Ajánlatkérés" form where people can enter relevant data so that we can calculate an offer for them.
[login to view URL] (Please don't submit any test requests) You don't have to look for the form, the link is set to the form itself.
This form is really basic, and totally out of place.
We want to redesign this, kind of like a wizard with next / back buttons and so on.
The data must be exactly the same (apart from using 2 sliders instead of radiobuttons) so you can use the labels.
The following steps must be implemented:
USE google translate for multiselects when you try to find icon or image, or ask me in chat. Low priority.
1. Kezdjük az ajánlatkérést :) (Simle button - means start)
2. Monthly electric bill cost (Slider 4.000 HUF - 50.000 HUF) Need to press next
3. Fázis: Three buttons as seen in form. When something is selected, automatically move to next step
4. Tető tájolása: (roof orientation) Come up with something creative please, when something is selected move to next step
5. Roof angle: (Slider: 0-60) Need to press next
6. Roof type (tetőfedés típusa): 6 options, if anything is selected except Egyéb move to next step. If Egyéb selected, text appears, need to press next. USE google translate for multiselects when you try to find icon or image, or ask me in chat. Low priority.
7. Realestate type: 6 options, any selected move to next step. USE google translate for multiselects when you try to find icon or image, or ask me in chat. Low priority.
8. Interested in services: multiselect. need to press next
9. Telepítési hely (address) Megye:* Város / község neve:* Telepítési cím: 3 texts. need to press next.
10. Contact: Vezetéknév:* Keresztnév:* Email cím:* Telefonszám: 4 texts need to press next.
11. Comment: textarea. need to press next.
12. Terms and conditions (1 button plus link to download) need to press button
13. Thank you very much. (smilying sunshine icon + link to like facebook page.) At this point log all entered data in a JSON on the js console (any format)
Unless you add the text 'monkey' in your bid, it will automatically get ignored, as it means you haven read the description.
Animation should be done with JS over steps it must be nice and smooth.
Also it would be nice if we could show a progress bar (%).
Also every step should have the option to expand downword so a little explain text can be added so we can let people know why do they need to enter this data.
Obviously in design it should match the site, it must be smooth, vibrant.
There should be an option to go back until step 2. Data should remain.
It must work well in any size, in:
Idea attachment only added to prevent any major confusion, you can derive.
Thats it, thanks.
36 freelancers are bidding on average €177 for this job
Hi. I have read your very detailed description. I can do it. But Budget must be at least 1000 EUR, If you agree, I will work. You can check my skills in my profile. THanks.