Using Shopify (I have an existing account), create a theme using the Parallax effect similar to this website here:
Must be compatible with all browsers including mobile devices such as android and iOS. Mobile devices may not have to employ the parallax effect.
Note: If the parallax effect is not possible or too difficult, I will also accept a full screen slider as an alternative.
1. The home page will be 1 seamless page with 4 anchor points/slider to replace the separate Home, About Us, Products, Contact Us pages.
Start - Logo
About Us - Text
Products - There will only be 6 products so there will be 6 images. Each image will link to a shopify product page.
Contact Us - Text
2. Product Pages will utilize the first image uploaded to the product and used as a full screen background image.
3. Cart Pages/Checkout/Account pages will also utilize full screen images as background images
4. There will also be a floating menu at the bottom of the website for social media links and shortcuts to home #anchor point/slider as well as a shopping cart link.
Provide the following backend options:
5. Upload new background image for each anchor point/slider of the home page.
6. Upload new background image for other pages eg. Cart/Checkout/Account
7. Upload custom images for products on the home page with option to change link to product
8. Text boxes for URLs for Social Media icons
Each page will be fully resizable and not affect the proportion of the background image or text.
I've attached a PDF of the mock website below. Please note that all images used are sample images to illustrate my design only.