
Closed
Posted
Paid on delivery
I need a cinematic author website with four sections: Homepage: full‑screen background with 3 invisible hotspots (Book, French Tutor Class, Bio). Smooth fade‑in animations. Book Page: a 1536×1024 “evidence board” with draggable photo overlays, a looping video overlay, cinematic warp‑zoom on click, dimmed background during zoom, glitch animation on one element, and random timed glitch events. All interactions must be custom JavaScript (no frameworks). French Tutor Class Page: includes an intro video and a short live teaching demo video. Gold‑on‑black theme, fade‑ins, clean layout, optional pricing and booking section. Bio Page: simple gold‑on‑black page with biography text and fade‑ins. Must be built in pure HTML/CSS/JS. Looking for someone who can handle animation timing, drag‑and‑drop, video embedding, z‑index management, and cinematic transitions.
Project ID: 40508044
423 proposals
Remote project
Active 1 hour ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
423 freelancers are bidding on average $427 USD for this job

Hello, After carefully reviewing your requirements, what stands out most is the need to build a highly cinematic, fully custom JavaScript-driven author website featuring advanced interaction design, including draggable layered media, warp-zoom transitions, glitch effects, and precise animation timing without relying on external frameworks. The user flow will allow visitors to land on a full-screen immersive homepage with hidden interactive hotspots that smoothly transition them into dedicated sections for exploring the book experience, enrolling in a French tutor class with embedded video content, or viewing a minimal cinematic biography page, all enhanced through seamless fade-ins and interactive motion effects. Critical questions: 1. Should the “Book” page interactions (dragging, zooming, glitch effects) be optimized for mobile touch devices as well, or desktop-first only? 2. Do you want the cinematic transitions to maintain a consistent frame (single-page app style), or fully separate HTML pages for each section? 3. Are there any performance constraints for video and animation loading (for example, preloading assets vs lazy loading)? Our organization has experience building highly interactive, animation-heavy web experiences using pure HTML, CSS, and vanilla JavaScript, with a focus on precise motion control, layered media systems, and cinematic UI transitions optimized for both performance and visual storytelling. Best regards, KD
$750 USD in 10 days
10.0
10.0

⭕⭕FRONTEND WEB DEVELOPER⭕⭕ Hi there, ✔️ I see you are looking for a developer to create a cinematic author website with immersive storytelling, custom animations, and interactive effects. I'd love to help bring this vision to life using pure HTML, CSS, and JavaScript while keeping the experience smooth, elegant, and highly engaging. ✍️ Will you be providing all artwork, photos, videos, and evidence board assets? ✍️ Should the warp-zoom effect open content in-place or transition into dedicated detail views? ✍️ Do you already have design references for the glitch and cinematic effects, or would you like creative input on those interactions? ➰ This is the kind of project where attention to animation timing, layering, transitions, and user immersion makes all the difference, and I'd focus heavily on making every interaction feel polished and cinematic. Looking forward to discussing your creative vision and bringing this experience to life. Thank you.
$500 USD in 7 days
10.0
10.0

Hi there, We understand you're looking for a cinematic author website with four distinct sections, each with unique interactive elements and animations, all built in pure HTML/CSS/JS. Our team at Webbook Studio has experience with custom JavaScript animations, as seen in our previous projects like the interactive learning platform website for children, where we implemented smooth animations and custom interactions. We're also familiar with video embedding and z-index management from our work on the Corona beer brand website, which featured a unique design and custom animations. We'll deliver a fully functional website with all the requested features, including draggable photo overlays, looping video overlays, and cinematic warp-zoom effects. Can you tell us more about your vision for the glitch animation and random timed glitch events on the Book Page? Feel free to message us to discuss the details! — Webbook Studio
$530 USD in 10 days
9.2
9.2

With over a decade of experience in full-stack architecture and high-scale systems, I understand your need for a cinematic author website with four sections. I have a proven track record in handling high-complexity projects, such as serving over 1 million users on Telegram Mini Apps, which directly applies to the challenges of your project. For strategic insight, I recommend implementing custom JavaScript interactions for all elements to ensure a seamless user experience. My past success in developing interactive features, like drag-and-drop functionalities and glitch animations, showcases my ability to deliver engaging and dynamic websites. I encourage you to reach out to discuss the roadmap for your project further. I am confident in my ability to meet your requirements and exceed your expectations.
$600 USD in 20 days
8.9
8.9

Hello, With over a decade of experience in creating captivating and visually stunning websites such as the one you have outlined for a cinematic author, I genuinely believe I am the right person for this project. My team at Our Software is more than adept at handling CSS, HTML, and JavaScript to bring your vision to life. We specialize in creating custom-designed websites that are intuitive to use and aesthetically pleasing. Given my expertise in animation timing, drag‑and‑drop functionalities, video embedding, and z‑index management, I can ensure that your four-sectioned site has the smooth fade‑in animations and cinematic transitions you desire. Speaking specifically to your design requirements for the different pages on your website, I am confident about meeting those demands too. From the full‑screen background with invisible hotspots for your homepage to the interactive evidence board on your Book Page and a simple yet elegant Bio Page - my team can handle it all with finesse. Ultimately, my main goal is to not just meet but exceed your expectations. At Our Software, we pride ourselves on providing excellent customer service. We understand that effective communication with our clients is vital to building a platform that reflects their individuality fully. Trust me and our team to bring your extraordinary vision to life - let's create something special together! Thanks!
$350 USD in 4 days
8.4
8.4

Hi Derrick, I can start immediately and would love to review the assets and FREE mockups. A few questions: 1. Will you provide all images, videos, and biography content? 2. Should the booking section connect to an external calendar tool or a simple contact form? 3. Do you have visual references for the desired cinematic style? Your vision for a cinematic author website is exactly the type of immersive front-end project I enjoy building. I can develop all four sections in pure HTML, CSS, and vanilla JavaScript without relying on frameworks, ensuring smooth performance and complete control over animations and interactions. The evidence board page is particularly interesting—I can implement draggable photo overlays, looping video elements, warp-zoom effects with background dimming, glitch animations, randomized glitch events, and proper z-index management for a polished cinematic experience. I'll also create smooth fade-ins, seamless page transitions, responsive layouts, and optimized video embedding throughout the site. Hafiz
$333 USD in 2 days
8.6
8.6

Hi, there. I have carefully reviewed the project requirements for I need a cinematic author website with four sections:. It is clear that you are looking for a design that is not only visually modern but also highly effective at turning your visitors into active customers. My team and I specialize in UI/UX design and frontend development that balances aesthetic appeal with high-conversion functionality. We have a proven track record of helping businesses in United States improve their user engagement by focusing on intuitive navigation, clean interface design, and responsive performance using Website Design, HTML, JavaScript, CSS. Our approach is to treat your interface as a tool for business growth. Before we start with any design work, we focus on understanding your specific user journey to ensure every element on the screen serves a purpose. We have helped other clients move from high bounce rates to improved retention by refining the user experience. To help me understand the specific design direction you are aiming for, I have one quick question: Are you looking to refresh an existing interface to improve current performance, or are you building a new user experience from the ground up? Knowing this helps me determine the best way to approach the wireframes and design logic. I am available for a discovery call to discuss your vision and current design needs whenever you are ready. Best regards Kausar and the Team
$350 USD in 3 days
8.6
8.6

Hi, I am an experienced web developer and JavaScript animation specialist, and I can build your cinematic author website in pure HTML, CSS, and JavaScript. I will create a full-screen homepage with invisible hotspots and smooth fade-ins, a custom interactive Book page with draggable overlays, looping video, warp-zoom effects, glitch animations, timed random glitches, and proper z-index management, along with elegant French Tutor and Bio pages featuring videos, gold-on-black styling, cinematic transitions, and optional pricing and booking sections. Please send a message so we can go through the details, decide on the timeline and deliverables. Best regards.
$250 USD in 7 days
8.5
8.5

Hi — Elias here from Miami. I see you're looking to create a cinematic author website with a clean, engaging layout. The goal here is to capture your audience with a visually compelling experience while ensuring the site is functional and easy to navigate. A common issue in projects like this is balancing aesthetics with performance. The tricky part is usually how to structure the full-screen background and manage the various elements without compromising loading speed or responsiveness. Additionally, future-proofing the design for potential content expansion is essential. My approach would involve using a modular design, allowing for flexibility as your needs evolve. I focus on clean, maintainable code, ensuring that updates and adjustments can be made easily. I’ve worked on similar projects that prioritize user experience and design integrity, which taught me how to effectively integrate visual elements while maintaining site performance. A few questions to better understand the scope: Q1 – What specific functionalities do you envision for the homepage and the other sections? Q2 – Are there any particular design inspirations or existing sites you admire? Q3 – How do you see the potential for future content growth or additional features? Happy to go through the details and suggest the best technical approach. Looking forward to hearing from you.
$500 USD in 3 days
8.2
8.2

This looks like a great fit, I will deliver all four sections — homepage with invisible hotspots and fade-ins, the evidence board with draggable overlays and cinematic warp-zoom, the French Tutor page with video embeds, and the Bio page — all in pure HTML/CSS/JS with zero frameworks. For the evidence board, I will use requestAnimationFrame for the drag interactions and CSS custom properties to control the warp-zoom timing and dimmed backdrop in sync. The random glitch events will fire via a Poisson-distributed timer so they feel unpredictable rather than looping on a fixed interval. Questions: 1) Do you have the 1536×1024 background and photo overlay assets ready, or do you need layout guidance on asset preparation? Send me a message and we can go over the details. Best regards, Kamran
$287 USD in 10 days
8.4
8.4

Hi, I can create a cinematic website featuring smooth animations and interactive elements using pure HTML, CSS, and JavaScript, tailored to your requirements. For the homepage, I’ll implement full-screen backgrounds with invisible hotspots for seamless navigation. The Book Page will include draggable overlays, looping videos, and glitch effects to captivate your audience. The French Tutor Class Page can feature an engaging layout with intro videos and an optional booking section. Lastly, the Bio Page will have a clean gold-on-black aesthetic. Having over 10+ years of experience in web development, I specialize in custom animations and interactive elements without relying on frameworks. I am ready to discuss your vision and bring it to life! Best Regards, Priyanka
$500 USD in 7 days
8.5
8.5

Hi, I can develop this cinematic author website entirely in pure HTML, CSS, and JavaScript with smooth, high-performance animations and custom interactions—no frameworks required. I’ve already developed similar immersive storytelling and portfolio platforms featuring draggable elements, layered media, custom animation sequences, video integration, hotspot navigation, and advanced UI transitions, so I’m comfortable handling the cinematic experience you're aiming for. My development approach: • Build the fullscreen Homepage with invisible hotspots, smooth fade-ins, and cinematic navigation. • Create the Book Page with the evidence-board layout (1536×1024), draggable photo overlays, looping video overlays, custom warp-zoom effects, background dimming, z-index management, and randomized glitch events. • Develop the French Tutor Class page with embedded intro/demo videos, elegant gold-on-black styling, optional pricing, and booking sections. • Build the Bio page with clean typography and subtle fade-in animations. • Optimize responsiveness, performance, and cross-browser compatibility. A couple of questions: Will you provide all images/videos/assets, or should I use placeholders during development? Do you have reference websites or films that match the exact cinematic style you're envisioning? Looking forward to discussing the project. Thanks
$750 USD in 7 days
8.4
8.4

Hello, Hope you are doing well, I’ll develop all animations, drag-and-drop functionality, hotspot navigation, glitch effects, warp-zoom transitions, video integrations, and z-index management using custom JavaScript without frameworks, ensuring smooth performance and a cohesive cinematic experience across devices. I have 10+ years of experience building custom interactive websites, immersive UI animations, and high-performance front-end experiences with HTML, CSS, and JavaScript. Please share your visual references, media assets (images/videos), and any inspiration sites, and let's discuss the animation flow and user experience in detail. thank you Regards Gaurav Garg
$500 USD in 7 days
8.6
8.6

Hi, I can build the cinematic author experience you described , the hidden hotspots, evidence-board interactions, and timed visual effects all point to a site where the small motion details carry the story. That’s exactly the kind of front-end work I enjoy: making HTML/CSS/JS feel polished, responsive, and intentionally theatrical. I’ve built custom JavaScript interfaces with drag-and-drop behavior, layered video embeds, z-index-heavy scene transitions, and fade/glitch timing that stays smooth without frameworks. I’ll structure this so each section feels distinct while keeping the code clean and maintainable, and I’ll make sure the warp-zoom, dimming, and hotspot logic work reliably across browsers. I’ve shared an initial estimate based on your description, and once we go over a few technical or functional details, I’ll confirm the exact cost and delivery schedule. Could you confirm the target browser support, the video file formats/hosting plan, and whether the Book page’s draggable overlays should persist their positions after refresh? Looking forward to your reply so we can finalize the exact plan. Should the draggable overlays on the Book page save their positions after refresh, or reset each visit? Thanks, Asad
$250 USD in 10 days
8.2
8.2

Hello, This is not a standard author website it's an interactive cinematic experience, and that's exactly how I would approach it. Your Book section is the most technically interesting part: draggable evidence-board elements, custom zoom transitions, layered video overlays, glitch effects, timed animations, z-index management, and smooth state transitions all implemented in pure HTML/CSS/JavaScript without frameworks. I can build: ✓ Full-screen cinematic homepage with invisible hotspots ✓ Custom fade-in and scene transitions ✓ Interactive evidence board with drag-and-drop elements ✓ Warp-zoom effects with background dimming ✓ Randomized glitch animations and timed events ✓ Embedded intro and teaching demo videos ✓ Gold-on-black visual theme across all pages ✓ Responsive layout while preserving the cinematic experience Everything will be developed in vanilla HTML, CSS, and JavaScript with clean, documented code for future updates. Timeline: 7-10 days I'd love to review any visual references, mood boards, films, games, or websites that inspired the look you're aiming for. Best regards, Rajesh Microlent Systems
$500 USD in 7 days
8.2
8.2

✅ Website Development | PHP | WordPress | WooCommerce | Expert Developer ✅ Hey there, Hope you’re doing great! Thanks for sharing your project. I’m a professional WordPress & PHP Developer with 10+ years of experience building dynamic, high-performing, and user-friendly websites for businesses worldwide. I specialize in creating custom WordPress solutions that are secure, SEO-optimized, and visually engaging. Core Skills: WordPress | WooCommerce | PHP | AWS | Genesis | AVADA | DIVI | LMS | BuddyPress | Plugin & Theme Customization | PSD to HTML/WordPress | jQuery | AJAX | HTML5 | CSS3 | Bootstrap (PS: Budget is flexible based on final scope.) I can start immediately and would love to collaborate on creating a website that perfectly represents your brand and vision. Thanks & Regards, Kajal
$750 USD in 7 days
8.1
8.1

I'll build this in pure HTML/CSS/JS — no frameworks. Full-screen homepage with invisible hotspots and fade-ins, evidence board with draggable photo overlays, warp-zoom on click, dimmed background, and timed glitch events handled entirely in custom JavaScript. French Tutor and Bio pages in gold-on-black with clean fade-in transitions throughout.
$250 USD in 3 days
7.9
7.9

Your cinematic author site is all about the Book page — custom drag-and-drop overlays, warp-zoom, glitch timing, and z-index choreography. Here's how I'd build it: • Pure HTML/CSS/JS (no frameworks) with a gold-on-black design system, smooth fade-ins, and mobile-responsive breakpoints • Custom evidence board: draggable photo layers, looping video overlay, warp-zoom transition, dimmed backdrop, and controlled random glitch events • Homepage invisible hotspots linking to Book, French Tutor, and Bio with subtle hover cues • French Tutor page with embedded intro/demo videos and a clean booking/contact section • Bio page with cinematic typography and lazy-loaded assets for fast initial paint I've built custom interactive microsites with complex JavaScript animation timing and drag interactions. The tricky part is keeping the 60fps feel while layering video and images — that's where I focus first.
$550 USD in 10 days
8.2
8.2

⭐⭐⭐⭐⭐ Create a Cinematic Author Website with Stunning Visuals ❇️ Hi My Friend, I hope you are doing well. I've reviewed your project requirements and see you are looking for a cinematic author website. You have no need to look any further as Zohaib is here to help you! My team has successfully completed 50+ similar projects for website designs. I will create a captivating site with smooth animations, custom JavaScript interactions, and a clean layout tailored to your needs. ➡️ Why Me? I can easily create your cinematic author website as I have 5 years of experience in web development, specializing in HTML, CSS, and JavaScript. My expertise includes animation timing, drag-and-drop features, video embedding, and managing z-index. Additionally, I have a strong grip on creating engaging user interfaces and delivering high-quality visuals. ➡️ Let's have a quick chat to discuss your project in detail and let me show you samples of my previous work. I look forward to discussing this with you in our chat. ➡️ Skills & Experience: ✅ HTML5 ✅ CSS3 ✅ JavaScript ✅ Animation Timing ✅ Video Embedding ✅ Drag-and-Drop ✅ Z-Index Management ✅ Smooth Transitions ✅ Responsive Design ✅ User Interface Design ✅ Custom JavaScript ✅ Clean Layouts Waiting for your response! Best Regards, Zohaib
$350 USD in 2 days
7.7
7.7

Hello, We understand you're looking for a cinematic author website that goes beyond traditional web design and delivers an immersive storytelling experience through custom animations, interactive elements, and visually engaging transitions. As Doomshell Software Pvt Ltd, we specialize in custom front-end development using pure HTML, CSS, and JavaScript. Our team can create the interactive evidence-board experience, draggable overlays, warp-zoom effects, glitch animations, video integrations, and smooth page transitions required for your vision. We can help with: ✔ Custom HTML/CSS/JavaScript development ✔ Cinematic UI/UX implementation ✔ Interactive hotspots and navigation ✔ Drag-and-drop evidence board functionality ✔ Warp-zoom and glitch animations ✔ Video embedding and overlay effects ✔ Responsive and performance-optimized design ✔ Cross-browser compatibility testing Our approach focuses on delivering a polished, immersive experience while maintaining clean, maintainable code and smooth performance. Quick question: Will you be providing the visual assets (images, videos, and board elements), or would you like assistance preparing and optimizing those assets as well? Regards,
$740 USD in 7 days
7.8
7.8

Dallas, United States
Payment method verified
Member since Jul 25, 2008
$250-750 USD
₹600-1500 INR
£20-250 GBP
£20-250 GBP
$250-750 CAD
$30-250 USD
$10-30 USD
$15-25 USD / hour
₹12500-37500 INR
₹100-400 INR / hour
$25-50 USD / hour
$2-8 USD / hour
₹12500-37500 INR
₹1500-12500 INR
₹3000-7000 INR
$750-1500 USD
₹1250-2500 INR / hour
$1500-3000 USD
₹750-1250 INR / hour
$30-250 AUD
$750-1500 AUD