We would like to introduce a slideshow type tour onto our website. We currently have the PSD files for each slide (which will be sent if you have an interest), however they will not just be as an image as different buttons will do different things, eg, skip and close the tour.
The slideshow will need to be fully responsive on all devices, for example on mobile it may sit as shown in the example attached.
We already have the HTML body for the HTML to be placed onto. This is attached.
When the page is loaded a modal view will display the feed introduction, which includes 9 sections.
There will be a different slide 9 depending on if a user is logged in or out.
After completing the tour the tour will be removed and will sit as a ? on the page for a user to re-engage with. This will sit as shown in the example attached next to the filter icon.
The tour should only appear the first time someone visits the page if they are logged in, this will need to be tagged.
The modal view can be closed at any time. When this is closed we will need to log (console for now) at which stage the user closed the tour
• Do not modify existing sass files but instead create new sass file and add them by importing them into one of our scss file (@import…). Do not modify directly the css file.
• Do not use Bootstrap library: if a third-party library needs to be used, this will need to be approved.
• This tour will have to be responsive: it must render on mobile/tablet/desktop.
I prefer to work on the basis of an overall price rather than by the hour, timing is also very important.
A high level of English is crucial for this job as understanding and discussion of the brief will be necessary.
If you are interested, please provide me with a quotation and we can go from there and i can sent over the rest of the files needed to start.
Less than 30 hrs/week
Less than 1 month< 1 monthProject LengthDuration
I am looking for a mix of experience and value