Figma to Shopify Custom Theme Developer – Animation & Premium Mobile UX (Modular OS 2.0)

We are looking for an elite Shopify Developer to translate a fully finalized, high-fidelity Figma desktop and mobile prototype into a premium, custom storefront. Our brand, Luminous Invites, offers dynamic, cinema-grade 3D video invitations. The web design is tailored to reflect this premium, fluid aesthetic—featuring a clean, dark-mode layout, glass-edge aesthetics, and precise interactive components. The design is completely finished, visual assets are ready, and our e-commerce backend architecture is already fully configured. We do not need creative design decisions; we require absolute, pixel-perfect engineering and frontend execution. 📐 Specific Technical & Motion Requirements: ✦ Custom OS 2.0 Theme Architecture: The entire storefront must be built natively using custom, modular Liquid sections, HTML5, CSS3, and JavaScript. We do not use third-party drag-and-drop page builders. Every block must remain scalable and manageable long-term. ✦ Curved & Glass Aesthetics: The storefront utilizes an intentional system of elegant curves rather than sharp squares. Content containers, image cards, and interactive elements must feature distinct rounded corners (border-radius matching Figma down to the pixel) to mimic modern mobile glass phone screen edges. ✦ Cinematic Hero Section: The homepage hero features a high-impact visual of a 3D smartphone mockup frame with a high-definition, autoplaying, muted video loop running seamlessly inside the phone container. It requires depth, subtle drop-shadowing, and flawless above-the-fold alignment. ✦ Fluid Motion, Micro-Animations & State Changes: The homepage must feel alive. We require elegant scroll-triggered entry reveals (fade-ins, smooth slide-ups), fluid hover transitions on our 1:1 collection grid cards, and specific state-changing click/hover interactions (specifically on our Canva editing block and mobile instruction frames). ✦ Mobile Video & Performance Optimization: Because this is a media-heavy, animation-driven layout, keeping loading speeds incredibly fast on mobile devices is our highest technical priority. You must know how to implement lightweight animation code and use methods like lazy-loading or native Intersection Observer APIs to protect Core Web Vitals (specifically LCP and CLS scores) on mobile viewports. ✦ Navigation & Discovery: A minimalist sticky header featuring a desktop mega-menu segmented across our core category groups, a clean mobile accordion navigation system, and an advanced AJAX predictive search bar that pulls template thumbnail previews natively. 💼 Project Scope & Deliverables: ✦ Header & Footer: Native navigation architecture, AJAX search integration, and multi-tier collection filtering. ✦ Homepage Build: Complete implementation of 9 finalized Figma sections including the custom 3D phone hero, best-sellers carousel, interactive grids, and responsive social proof blocks. ✦ Core Visual Matching: Ensuring all fonts (Ogg Medium headers, Abel body text) and precise color tokens (#d4d4d4 text overlays) are applied exactly as specified. 🛠️ Submission Requirements (To Be Shortlisted): ✦ Please apply with a direct, tailored proposal. To be considered, you must provide: ✦ Figma-to-Shopify Proof: Links to past live Shopify stores you built where you can demonstrate a direct, pixel-perfect translation from a custom Figma design file. ✦ Animation Examples: Portfolios, live sites, or CodePen snippets showcasing your capability with advanced CSS transformations, scroll-triggered section reveals, and interactive component state changes. Your Performance Strategy: Briefly state how you plan to execute custom animations and heavy video containers while maintaining lightning-fast performance benchmarks on mobile Safari and Chrome. Budget: $450 - $700 (Fixed Price based on technical capability and verified portfolio proof). Timeline: Available to begin from June 2nd. https://www.figma.com/design/r5x5dwO4b0eQyIp71CZWTL/Luminos-Invites?node-id=97-351&t=hWHbflABpkpt8erW-1