Webflow Site Migration
Budget: $250 – $750 AUD
What I want
I want my current website https://nicholasmarriott.au/ recreated in Webflow, using Webflow's built-in elements.
No design work is required; I want the site recreated in Webflow as is
Created two(2) web pages
1. Homepage
2. Another page - call it “page_2” for now
This will be an exact copy of the homepage, and it needs to be nothing more than a simple “homepage” cloning exercise.
The only change will be the in-page navigation - I want the “Homepage” & the “page_2” navigation to be separate elements for internally navigating the page.
Hide this page from search engines
What to Keep
Intro animations
Everything in the <div id="logo-area"> can stay as is
Use the Webflow “Code element”
You can add the code for these elements into the CMS's “Head code” & “Footer code”
Refer to the “Resources(s)” section (below) for the code
View the source to locate any image files required
Floating Gallery animations
Everything in the <section id="floating-gallery"> can stay as is
Use the Webflow “Code element”
You can add for these elements into the CMS's “Head code” & “Footer code”
Keyword animations
The animations below need to be replicated using Webflow built-in elements & GSAP Animation Interactions
I want all of the animation features replicated
MovementI(s)
Opacity changes
Overlapping
Pinning
These are the nine (9) images to animate
1. Research Image
2. Inspire Image
3. Design Image
4. Concept Image
5. Resonate Image
6. Build Image
7. Sensory Image
8. Fusion Image
9. Transform Image
Resources(s)
These are in the attached ZIP folder
These are a must
You must have a Webflow developer's account that we can grant you access to. Again, this is a must; we will own the site & grant developer access to someone with the required account
You need to be able to recreate the “Keyword animations” (above) using the Webflow GSAP animation feature
This includes the pinning code
Keep the “Animated intro” & “Floating Gallery” as separate HTML & CSS components
Add the code for these elements into the CMS's “Head code” & “Footer code”
Use the Webflow inbuilt breakpoints for Tablet & Mobile
Provde all quotes in Australian $ - not - US $
I want my current website https://nicholasmarriott.au/ recreated in Webflow, using Webflow's built-in elements.
No design work is required; I want the site recreated in Webflow as is
Created two(2) web pages
1. Homepage
2. Another page - call it “page_2” for now
This will be an exact copy of the homepage, and it needs to be nothing more than a simple “homepage” cloning exercise.
The only change will be the in-page navigation - I want the “Homepage” & the “page_2” navigation to be separate elements for internally navigating the page.
Hide this page from search engines
What to Keep
Intro animations
Everything in the <div id="logo-area"> can stay as is
Use the Webflow “Code element”
You can add the code for these elements into the CMS's “Head code” & “Footer code”
Refer to the “Resources(s)” section (below) for the code
View the source to locate any image files required
Floating Gallery animations
Everything in the <section id="floating-gallery"> can stay as is
Use the Webflow “Code element”
You can add for these elements into the CMS's “Head code” & “Footer code”
Keyword animations
The animations below need to be replicated using Webflow built-in elements & GSAP Animation Interactions
I want all of the animation features replicated
MovementI(s)
Opacity changes
Overlapping
Pinning
These are the nine (9) images to animate
1. Research Image
2. Inspire Image
3. Design Image
4. Concept Image
5. Resonate Image
6. Build Image
7. Sensory Image
8. Fusion Image
9. Transform Image
Resources(s)
These are in the attached ZIP folder
These are a must
You must have a Webflow developer's account that we can grant you access to. Again, this is a must; we will own the site & grant developer access to someone with the required account
You need to be able to recreate the “Keyword animations” (above) using the Webflow GSAP animation feature
This includes the pinning code
Keep the “Animated intro” & “Floating Gallery” as separate HTML & CSS components
Add the code for these elements into the CMS's “Head code” & “Footer code”
Use the Webflow inbuilt breakpoints for Tablet & Mobile
Provde all quotes in Australian $ - not - US $