Build website with animation - same concept as provided example
Budget: $1,400 – $2,400 USD
I need a website with the same performance and visual concept as https://simplychocolate.dk/.
There would be no video on my website. The content would be different as it would be for my own product/business. The menu layout and pages would be unique.
I've attached photos of the page drafts – the wording/images will be different. The home page would include an animation of part of my logo expanding and then contracting inward to the center.
Scrolling down would bring the viewer to the next "page" which would be the product page. This would highlight the name page on the menu. The top half would be static, the lower half background would have animated images scrolling up like in the website example above. The centered item would be an image of my product that an animated arrow going around it inviting the user the click the product image. When the product image (a bottle) is clicked, it would become animated and rotate 180 degrees to display the back of the bottle. When clicked again, it would rotate 180 degrees again.
When the user scrolls down again, it would highlight the next "page" in the menu. The movement/animation in this page would be the product/bottle going from a centered position to a bottom centered position and smaller. The majority of this page would be text and possibly static images.
The next page would be the contact page. The contact form would need to look like a postcard. When the contact information is submitted, there should be an animation of a stamp showing up where the postage should go and the postcard should appear to fall into a slot in the page. The area would then be replaced by a message confirming the contact form had been sent. The website's cart should function exactly like in the website example above.
The pages will be Home, Product 1, More Information, Contact, and Cart
The mobile version will have the same content and animations, but placements may be adjusted.
E-Commerce will need to be a function since the website will be a shop. I will need a user-friendly admin space for adjusting product prices/promotions/etc.
I will be adding additional products in the same format so the coding would need the ability for 2 more pages to be added per product (Product 2 + More Information 2).
The bid should account for everything that I've described above. Please only respond with specific questions that may affect your bid. I will look for the word “Apple” at the top of the bid to know that this was read. I will not be sending product or logo images before a bid is chosen. The product is in a vitamin bottle form.
I will also need Google Analytics set up on the page. The coding should be done to provide good SEO and to increase the chance of being a google feature snippet for questions.
Skills required: React, JQuery, JQuery Migrate, MySQL, Debian, PHP, Bootstrap, WordPress, WooCommerce (or suitable alternative)
There would be no video on my website. The content would be different as it would be for my own product/business. The menu layout and pages would be unique.
I've attached photos of the page drafts – the wording/images will be different. The home page would include an animation of part of my logo expanding and then contracting inward to the center.
Scrolling down would bring the viewer to the next "page" which would be the product page. This would highlight the name page on the menu. The top half would be static, the lower half background would have animated images scrolling up like in the website example above. The centered item would be an image of my product that an animated arrow going around it inviting the user the click the product image. When the product image (a bottle) is clicked, it would become animated and rotate 180 degrees to display the back of the bottle. When clicked again, it would rotate 180 degrees again.
When the user scrolls down again, it would highlight the next "page" in the menu. The movement/animation in this page would be the product/bottle going from a centered position to a bottom centered position and smaller. The majority of this page would be text and possibly static images.
The next page would be the contact page. The contact form would need to look like a postcard. When the contact information is submitted, there should be an animation of a stamp showing up where the postage should go and the postcard should appear to fall into a slot in the page. The area would then be replaced by a message confirming the contact form had been sent. The website's cart should function exactly like in the website example above.
The pages will be Home, Product 1, More Information, Contact, and Cart
The mobile version will have the same content and animations, but placements may be adjusted.
E-Commerce will need to be a function since the website will be a shop. I will need a user-friendly admin space for adjusting product prices/promotions/etc.
I will be adding additional products in the same format so the coding would need the ability for 2 more pages to be added per product (Product 2 + More Information 2).
The bid should account for everything that I've described above. Please only respond with specific questions that may affect your bid. I will look for the word “Apple” at the top of the bid to know that this was read. I will not be sending product or logo images before a bid is chosen. The product is in a vitamin bottle form.
I will also need Google Analytics set up on the page. The coding should be done to provide good SEO and to increase the chance of being a google feature snippet for questions.
Skills required: React, JQuery, JQuery Migrate, MySQL, Debian, PHP, Bootstrap, WordPress, WooCommerce (or suitable alternative)