Advanced Animation and Responsive Design Developer
While most of my website has been designed/developed, I was looking for help with the following:
- For the bottom section of the homepage, titled "Field Notes" (erickanigan.webflow.io), developing a "slow horizontal pan" animation with images content I've created. Each will link to certain pages on the site, and can be updated to feature additional components over time.
Example: Apple home page (apple.com) at the bottom where the movie poster-style banners are panning across horizontally.
Additional detail: Ideally would like the webpage to have landscape oriented tiles, while the mobile page would have vertical tiles to better leverage the space
On homepage on mobile experience, I would like to differentiate the sections (New Releases, Limited Edition Prints) upon scroll with some type of scroll effect (ex. either by blurring the out of focus components, or a zoom effect to emphasize what the user is currently on)
On limited Edition Print pages (erickanigan.webflow.io/limited-edition-prints/how-deep-is-your-love) I am trying to implement a text reveal/overlay upon scroll effect, where the background becomes more opaque as the text moves over the content from bottom to exit the screen.
Current issues are with various image aspect ratios/sizes- as different prints will be different shapes/sizes- and also being able to maintain the text scroll regardless of if the user is on web/mobile/ or the size of their screen.
Example: apple.com/apple-vision-pro/
I'm flexible and would be open to alternate ideas, especially on #3 if you think there might be a creative way to showcase the information. I'm not necessarily bound to the current idea, but do want to have an impactful, engaging setup for these print pages.
Happy to provide more details/examples if you would like.
Looking forward to speaking more.
Eric
Job Qualifications
- On limited Edition Print pages (erickanigan.webflow.io/limited-edition-prints/how-deep-is-your-love) I am trying to implement a text reveal/overlay upon scroll effect, where the background becomes more opaque as the text moves over the content from bottom to exit the screen
- Current issues are with various image aspect ratios/sizes- as different prints will be different shapes/sizes- and also being able to maintain the text scroll regardless of if the user is on web/mobile/ or the size of their screen
- I'm flexible and would be open to alternate ideas, especially on #3 if you think there might be a creative way to showcase the information
Job Benefits
Job Responsibilities
- Each will link to certain pages on the site, and can be updated to feature additional components over time