![phoenix](https://d1a29h5kxv3oc2.cloudfront.net/dist/img/phoenix.81914efc7207f6a059bd10f5d3fd5f89.png)
A responsive webpage making with scroll animation and transitions
- or -
Post a project like this2350
$$
- Posted:
- Proposals: 8
- Remote
- #1864651
- Awarded
eCommerce Development, Mobile App Development, Full Stack Development, Custom Product designer, Web Development, a Complete web Solutions
![Top Endorsed Top Endorsed](https://dw3i9sxi97owk.cloudfront.net/uploads/prizes/badges/ffdd1b856a16c89191f1150e4430076b.png)
iBeacon, BLE, Bluetooth, Android, IOS, Mobile App, MEAN stack, Flutter, Web Development, Travel Portal, Laravel, Node.JS, React
![Top Endorsed Top Endorsed](https://dw3i9sxi97owk.cloudfront.net/uploads/prizes/badges/ffdd1b856a16c89191f1150e4430076b.png)
PHP | Wordpress |UI/UX Design |eCommerce |Mobile Apps|Ionic |Angular | Shopify | SEO | Digital Marketing | Animation
464597202531310504756774421204098138215613363911127610
![Guru T.](https://dw3i9sxi97owk.cloudfront.net/uploads/thumbs/4683b6297857d6d793f32ea26c6ea9ac_70x70.jpg)
![Syed A.](https://dw3i9sxi97owk.cloudfront.net/uploads/thumbs/05233309ec03d58c09ea3d9492b66e26_70x70.jpg)
![Chris T.](https://dw3i9sxi97owk.cloudfront.net/uploads/thumbs/8d3378df1750262416b6cbd7817cfa81_70x70.jpg)
![Soni N.](https://dw3i9sxi97owk.cloudfront.net/uploads/thumbs/6a7c5778070ce73cef5ba833ea88f350_70x70.jpeg)
Description
Experience Level: Intermediate
General information for the website: We sell custom goods
Kind of development: Customization of existing website
Description of requirements/features: Hello,
We need a webpage/product page making for one of our categories on our website. We sell personalised items but would like a page to be made for our leather cases to show the features and link the customer/user to our creation software. Heres our website and this link takes you to the page where we need this page to go.
http://www.magnacase.co.uk/create/leather-cases.html
This page is for a Magento website and we require some animation and scroll effects to be done. Please see our example of the page at the link below.
https://drive.google.com/open?id=1Xrx-jByADRShuw4hyKCfxEc2CoD52rxC
This design is sort of what we’re looking for but we would like you to be creative with this and add any touches you feel would improve this. The page needs to be fully editable (so we can change the text and images. This is ideal if the page can be done as a static block.
Regarding the animation request, we would like to see the roller brush effect at the base of the page work as so…
Customer scrolls down the page. Once the user's screen is level with the phone case, and the user keeps scrolling, the paint roller will come down over the case and as this goes over the sketch of the phone case it turns in to a full image of the case. I have shown this halfway through in the example. (this is all continuous if the user keeps scrolling, we only want this to be a short scroll animation, once the case length has been covered the roller can disappear behind the footer bar.
Other animation/transition effects include…
As well as this we would like the ‘create’ button at the top of the page to be set at a fixed position on the screen and follow the user down. When the user reaches the bottom of the page the create button needs to smoothly transition to the centre and expand like seen at the bottom of the page (wide ‘Create’ button).
The rest of the page effects/animation is up to you really as we want to see what ideas you have but we are looking for smooth transitions, fade-in images, extending-in lines/underlines, fade-in text, transition/fade-in images etc.
Please see Apple's website at the link below for some ideas regarding fade-in, outs etc.
https://www.apple.com/uk/ipad-pro/
A key point for us is that this page will need making responsive so this looks correct on PC, Tablet and mobile devices. We would like to see your ideas for mobile/tablet layout.
Please send a proposal with:
• Previous work examples.
• Time estimate for completion of the job.
• Quote for the full job.
• Ideas of what you will be doing with this page.
• Please, no template proposal messages.
Thanks,
Dan
Extra notes:
Kind of development: Customization of existing website
Description of requirements/features: Hello,
We need a webpage/product page making for one of our categories on our website. We sell personalised items but would like a page to be made for our leather cases to show the features and link the customer/user to our creation software. Heres our website and this link takes you to the page where we need this page to go.
http://www.magnacase.co.uk/create/leather-cases.html
This page is for a Magento website and we require some animation and scroll effects to be done. Please see our example of the page at the link below.
https://drive.google.com/open?id=1Xrx-jByADRShuw4hyKCfxEc2CoD52rxC
This design is sort of what we’re looking for but we would like you to be creative with this and add any touches you feel would improve this. The page needs to be fully editable (so we can change the text and images. This is ideal if the page can be done as a static block.
Regarding the animation request, we would like to see the roller brush effect at the base of the page work as so…
Customer scrolls down the page. Once the user's screen is level with the phone case, and the user keeps scrolling, the paint roller will come down over the case and as this goes over the sketch of the phone case it turns in to a full image of the case. I have shown this halfway through in the example. (this is all continuous if the user keeps scrolling, we only want this to be a short scroll animation, once the case length has been covered the roller can disappear behind the footer bar.
Other animation/transition effects include…
As well as this we would like the ‘create’ button at the top of the page to be set at a fixed position on the screen and follow the user down. When the user reaches the bottom of the page the create button needs to smoothly transition to the centre and expand like seen at the bottom of the page (wide ‘Create’ button).
The rest of the page effects/animation is up to you really as we want to see what ideas you have but we are looking for smooth transitions, fade-in images, extending-in lines/underlines, fade-in text, transition/fade-in images etc.
Please see Apple's website at the link below for some ideas regarding fade-in, outs etc.
https://www.apple.com/uk/ipad-pro/
A key point for us is that this page will need making responsive so this looks correct on PC, Tablet and mobile devices. We would like to see your ideas for mobile/tablet layout.
Please send a proposal with:
• Previous work examples.
• Time estimate for completion of the job.
• Quote for the full job.
• Ideas of what you will be doing with this page.
• Please, no template proposal messages.
Thanks,
Dan
Extra notes:
![Dan H.](https://dw3i9sxi97owk.cloudfront.net/uploads/thumbs/0fc6c132fd3747afb884f62991e123d6_150x150.jpg)
Dan H.
99% (47)Projects Completed
34
Freelancers worked with
27
Projects awarded
65%
Last project
15 Sep 2022
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies