Professional Interactive Website With amazing animations and UI [Please message what you've done in the past or can do so i can see what suits the best]
Budget / Salary£20–250
TypeFreelance project
LocationRemote
Posted1 hour ago
I already have a fully built site, drafted with Claude, but it feels flat compared with the cutting-edge, AI-inspired pages I keep seeing on Instagram. I’m looking for the sort of professional-and-sleek polish that mixes scrolling animations, subtle yet satisfying hover micro-interactions, and on-page interactive graphics—essentially everything a top-tier website uses to pull visitors in and keep them exploring.
My main metric is user engagement: smoother section reveals, parallax or scroll-triggered motion, and responsive touches that guide attention to key content without overwhelming the brand’s clean aesthetic. The structure, copy, and core CSS/HTML are done; your task is to weave in the animation layer, optimise for performance on both desktop and mobile, and hand back code that’s easy for me (and future developers) to maintain.
Deliverables:
Idle & Ambient Motion — Subtle, perpetual background movement (drifting particles, soft grain, light shifts) so the site feels alive even when idle. A cinematic, staggered entrance for the hero section on load.
Scroll-Triggered Choreography — Sections that rise with perspective and staggered delays. Parallax layers moving at different speeds. Side-by-side content sliding in from opposite directions.
Interactive Micro-Interactions — Cursor-reactive elements (cards tilt subtly, buttons feel physical). Magnetic CTA buttons that pull toward the cursor. Hover states under 300ms that feel immediate.
Technical Requirements:
60fps target. GPU-accelerated properties only (transform, opacity).
Respect prefers-reduced-motion. Provide a static fallback. Older browsers get a clean, non-animated version.
Mobile-first. Simplified mobile experience, not scaled-down desktop effects. Disable cursor effects on touch.
Performance budget: Interactive graphics load under 2s on 4G. Pass Lighthouse Performance & Accessibility with 90+.
Code quality: Clean, modular, commented. Use GSAP (ScrollTrigger, ScrollSmoother) plus Lenis for smooth scroll. Lottie/Rive for complex vectors.
Acceptance Criteria:
□ Smooth 60fps on modern desktop/mobile
□ Hover effects trigger only when elements are in view
□ Animations never block clicks or links
□ Assets load under 2s on 4G
□ Passes Lighthouse Performance & Accessibility
□ Includes prefers-reduced-motion fallback
□ Mobile is deliberately simplified
**[I do not want Vibe coded trash please]**
If you can hit that standard, you’ll be my go-to for the stream of client sites I have queued up in the near future.
This is the website link: https://comfy-crepe-8a2ac0.netlify.app
Id like to follow the futuristic pillars aesthetic but it doesnt have to be so tackky, so if you have a better idea or can simply just perfect this aesthetic either would be good as long as the interactivenss is perfected.
My main metric is user engagement: smoother section reveals, parallax or scroll-triggered motion, and responsive touches that guide attention to key content without overwhelming the brand’s clean aesthetic. The structure, copy, and core CSS/HTML are done; your task is to weave in the animation layer, optimise for performance on both desktop and mobile, and hand back code that’s easy for me (and future developers) to maintain.
Deliverables:
Idle & Ambient Motion — Subtle, perpetual background movement (drifting particles, soft grain, light shifts) so the site feels alive even when idle. A cinematic, staggered entrance for the hero section on load.
Scroll-Triggered Choreography — Sections that rise with perspective and staggered delays. Parallax layers moving at different speeds. Side-by-side content sliding in from opposite directions.
Interactive Micro-Interactions — Cursor-reactive elements (cards tilt subtly, buttons feel physical). Magnetic CTA buttons that pull toward the cursor. Hover states under 300ms that feel immediate.
Technical Requirements:
60fps target. GPU-accelerated properties only (transform, opacity).
Respect prefers-reduced-motion. Provide a static fallback. Older browsers get a clean, non-animated version.
Mobile-first. Simplified mobile experience, not scaled-down desktop effects. Disable cursor effects on touch.
Performance budget: Interactive graphics load under 2s on 4G. Pass Lighthouse Performance & Accessibility with 90+.
Code quality: Clean, modular, commented. Use GSAP (ScrollTrigger, ScrollSmoother) plus Lenis for smooth scroll. Lottie/Rive for complex vectors.
Acceptance Criteria:
□ Smooth 60fps on modern desktop/mobile
□ Hover effects trigger only when elements are in view
□ Animations never block clicks or links
□ Assets load under 2s on 4G
□ Passes Lighthouse Performance & Accessibility
□ Includes prefers-reduced-motion fallback
□ Mobile is deliberately simplified
**[I do not want Vibe coded trash please]**
If you can hit that standard, you’ll be my go-to for the stream of client sites I have queued up in the near future.
This is the website link: https://comfy-crepe-8a2ac0.netlify.app
Id like to follow the futuristic pillars aesthetic but it doesnt have to be so tackky, so if you have a better idea or can simply just perfect this aesthetic either would be good as long as the interactivenss is perfected.
Apply on Freelancer →
Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.