
Closed
Posted
Paid on delivery
I want shoppers on the Laxmi Opticians site to slip on any frame from our catalogue without leaving the page. The idea is a lightweight, 2-D computer-vision overlay that precisely positions sunglasses and prescription glasses on a customer’s face, working fluidly on both desktop and mobile browsers. No full 3-D modelling, no manual prompt engineering—just an instant preview that feels as natural as looking in a mirror. The experience must offer two entry points: • Real-time overlay through the user’s webcam or phone camera. • Photo upload for those who prefer to try glasses on a still image. Accuracy is critical: pupils should align, temple angles should respect head pose, and scaling must stay consistent as users lean closer or farther from the camera. I’m open to the stack you choose—MediaPipe FaceMesh, OpenCV, [login to view URL], or a custom WebAssembly module—as long as the final JS/HTML/CSS bundle is small, loads quickly, and can be dropped into a React storefront with minimal wiring. Deliverables 1. Embeddable front-end component (React preferred) with clear API hooks for product ID, frame PNG/SVG, and colour variants. 2. Back-end or edge function (if needed) for any image pre-processing. 3. Integration guide and commented source so my in-house devs can extend it. 4. Short test plan demonstrating alignment accuracy across common devices and lighting conditions. Acceptance will be based on latency (<150 ms overlay update on mid-range mobile), alignment precision (≤3 px average pupil offset in sample tests), and straightforward plug-and-play integration into our existing checkout flow.
Project ID: 40513030
43 proposals
Remote project
Active 5 hours ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
43 freelancers are bidding on average ₹49,192 INR for this job

Hey, You are looking for 2D Eyewear Virtual Try-On "Lets Gets Started, I know you have several tempting proposals here, but I guarantee you to be impressed by my work. I have various skills in design, Illustration, Photoshop, Graphic Design, Logo Design and Illustrator. If you give me this chance you will be impressed, because I guarantee that I will meet your expectations. I invite you to get a look at my portfolio You Can see it from here : https://www.freelancer.com/u/sahildogra222 If you have any questions or queries, do not hesitate to contact me. I hope to start working with you. With regards! SAHIL
₹37,500 INR in 2 days
5.3
5.3

Leverage my extensive web development and mobile development experience to bring your vision for Laxmi Opticians' site to life. Having worked on e-commerce and CMS-based websites, I have a deep understanding of the intricacies involved in creating a seamless user experience like the one you're envisioning. With specific expertise in React, JavaScript, and HTML, I'm well-equipped to create an embeddable front-end component and ensure smooth integration into your existing website. Being an Android developer and having worked on Mobile App Testing, I understand the importance of crafting a solution that works problem-free across multiple devices, even under various lighting conditions. You can count on my eye-for-detail to achieve alignment accuracy within 3 pixels average pupil offset in sample tests. Moreover, my cost-effective approach will not just ensure quality work but also cater to your budgetary concerns. I'd be more than happy to offer post-launch support for 3 months and share cross-browser compatibility assurance. Lastly, reliable domain hosting is an essential aspect that I can take off your plate as well. Together, let's turn your vision into eCommerce reality! Looking forward to the opportunity. Thank you!
₹56,250 INR in 7 days
4.4
4.4

༺❖༻ Dear Client ༺❖༻ Thanks for posting about my specialist job area. Your required skills perfectly match my experience and work style. I have experience in computer vision, face landmark detection and real time web based AR style overlays using MediaPipe FaceMesh, OpenCV and TensorFlow.js. I focus on lightweight browser based solutions that run smoothly on both mobile and desktop without heavy 3D rendering. I can build your 2D virtual try on system for Laxmi Opticians with real time webcam support and photo upload mode. The system will detect facial landmarks, align pupils accurately, adjust scale dynamically and position frames naturally based on head movement and distance. The goal will be a mirror like experience with low latency and stable tracking. I will deliver an embeddable React component with clean API hooks for frame images, product IDs and color variants so your catalog can be integrated easily. I can also include optional preprocessing functions if needed for better frame alignment and lighting adaptation. The solution will be optimized for fast load times and minimal bundle size so it can plug directly into your existing storefront without performance issues. Given the opportunities to apply my passion and expertise to your project I am sure I will complete it perfectly on time and on budget. Let’s connect so I can suggest the best lightweight stack for your target latency and accuracy goals. Best regards, Glenn Bondoc
₹37,500 INR in 7 days
3.4
3.4

As an accomplished Full Stack Developer with a multitude of skills including JavaScript, React.js, and Node.js, I am confident that I am the ideal candidate for your 2D Eyewear Virtual Try-On project. Having spent years crafting efficient, scalable solutions for various businesses, I understand the value of integrating smart technology to streamline processes and maximize user experience, precisely what you need for your virtual try-on tool. My area of expertise encompasses passionate dedication to creating and deploying performance-driven applications. With React as your preferred tech stack for your front-end component, be assured that I can develop a clean and maintainable code base that not only loads quickly but is effortlessly extendable by your in-house developers. Moreover, my strengths in automation, AI integration, and cloud technology like AWS make me proficient in handling image pre-processing workloads for the most accurate results. Importantly, I will align with your prioritization of accuracy and offer vigilant testing plans to ensure that the site performs outstandingly across various devices and lighting contexts. Choose me for a result-oriented solution that is designed with long-term growth and meets your architectural requirements precisely
₹56,250 INR in 7 days
3.3
3.3

Your vision of integrating a 2D eyewear virtual try-on experience directly on the Laxmi Opticians site is both innovative and essential for enhancing customer engagement. The challenge lies in ensuring accurate alignment and responsiveness, creating a seamless experience that mimics looking into a mirror. With over 12 years of experience, I specialize in leveraging technologies like React.js combined with libraries such as MediaPipe FaceMesh or OpenCV to achieve precise facial overlays. This will facilitate real-time webcam overlays and smooth handling of photo uploads. Additionally, I can ensure that the final component is lightweight, quick-loading, and easy for your in-house developers to integrate with thorough documentation. I propose to deliver an embeddable React component with clear API hooks, along with any necessary back-end functions for image processing. A comprehensive test plan will also be included to verify accuracy across devices and lighting conditions. What specific metrics do you currently use to assess customer engagement on your platform?
₹75,000 INR in 7 days
2.4
2.4

Hello, I can build a lightweight 2D face overlay system for glasses try-on using MediaPipe FaceMesh or TensorFlow.js. It will support webcam and image upload with stable face alignment, head tracking, and smooth rendering on both mobile and desktop using canvas or WebGL. The component will be delivered as an embeddable React module with simple API hooks for frames, variants, and product IDs. It will be optimized for fast response and low bundle size, and I can start immediately.
₹55,000 INR in 5 days
0.2
0.2

With our strong background in full-stack development, my team and I are well-versed in creating interactive, high-performance digital solutions. We understand that for your 2D eyewear virtual try-on feature to work seamlessly and with high speed, the right coding stack must be selected. With thorough knowledge in optimizing JS/HTML/CSS bundles for quick loading and minimal coding integration, we believe we can develop the lightweight computer-vision overlay you need, using tools like MediaPipe FaceMesh, OpenCV or TensorFlow.js. Whether it's real-time overlay or photo uploading capabilities, ensuring accuracy is our top priority— from aligning pupils to respecting head pose angles. Not only can we provide the expected front-end React component with clear API hooks but as per your needs, we can also deliver a back-end or edge function for image pre-processing. Our ultimate goal is to create a seamless plug-and-play module that requires minimal wiring and can easily integrate into your existing React storefront. To ensure a smooth transition post-deployment, not only would we provide an integration guide but also ensure your in-house developers are comfortable extending the functionality as they need it. Lastly, our experience of satisfying top-notch clients globally over the past 5 years makes us confident about meeting and exceeding your expectations. We've worked across time zones and understand the value of efficient communication and swift responses.
₹45,000 INR in 7 days
0.0
0.0

Hi, the part that'll decide this is keeping pupil alignment under 3px while head pose and scale shift as someone leans into the camera. MediaPipe FaceMesh is the right call here over a custom WASM model - it gives you stable landmarks for temple angle and pupil position out of the box, and runs fast enough on mid-range mobile to hit your <150ms target. Plan: - FaceMesh + Canvas/WebGL for the overlay render, kept as a small bundle - React component with the product ID / PNG-SVG / colour variant hooks you described - Lightweight edge function for frame pre-processing (alpha trimming, scaling) - Webcam and photo-upload entry points sharing one alignment pipeline - Commented source + integration doc for your in-house team I've done production CV and React integration work with this kind of real-time tracking before, on-time and on-budget across my last jobs. Quick question: for the photo upload path, do you want re-detection on every frame the user adjusts (zoom/pan), or a single detection pass with manual nudge controls after?
₹56,250 INR in 5 days
0.0
0.0

Hi! I'm ready to take this on right now and deliver it as fast and as well as I can. The cost is $446. Maximum turnaround is up to 5 days, but I'll try to wrap it up sooner. I'm new here on Freelancer, so I'm offering a lower price to earn my first honest review and build my reputation. I'll keep making revisions until you're fully happy, at no extra cost. Looking forward to working with you!
₹37,500 INR in 5 days
0.0
0.0

With my 5+ years of Full-Stack Development and proficiency in crucial technologies like React, CSS, JavaScript, and OpenCV, I believe I am the perfect fit for your 2D Eyewear Virtual Try-On project. My adeptness at crafting custom web applications with lightweight bundles and quick load times aligns seamlessly with your project requirements, irrespective of whether you opt for using MediaPipe FaceMesh or TensorFlow.js. Your key concerns - precision, real-time overlay transitions, and photo alignment - will be my top priority. I've not only garnered significant experience in computer vision but have also worked extensively to optimize webcam usage and handle photo processing functions. This means I can assure you consistent scaling as users lean closer or farther from the camera and the highest possible alignment precision. Moreover, having led complex projects requiring meticulous integration with existing structures before, I am fully equipped to deliver a straightforward plug-and-play embeddable component as well as provide your in-house developers with an integration guide. Yet again, exceeding expectation is my standard - on top of meeting all acceptance criteria, I will devise comprehensive test plan demonstrating alignment accuracy across common devices and lighting conditions.
₹37,500 INR in 7 days
0.0
0.0

As an experienced web developer with expertise in HTML, I bring to the table a unique combination of technical skills and a strong grasp of user-centered design principles. Your 2D Eyewear Virtual Try-On project aligns perfectly with my skill set and my passion for creating versatile and innovative digital solutions. I understand how crucial it is for your users to have a seamless experience on both desktop and mobile browsers, which is why I'll ensure that the JS/HTML/CSS bundle is small, loads quickly and easily integrates into your React storefront. Accuracy is a key aspect of this project, and my extensive experience with MediaPipe FaceMesh, OpenCV and TensorFlow makes me well-versed in achieving precise pupil alignment, correct temple angles respecting head pose while keeping scaling consistent. My meticulous approach to testing under various devices and lighting conditions will help ensure our end product performs optimally. Collaboration is at the heart of my approach, and I will provide you with an embeddable front-end component with clear API hooks for product ID, frame PNG/SVG, colour variants as per your specifications. Additionally, I will provide detailed documentation and instructions on source code to facilitate ease of use even for your in-house developers. Together, let's build a performant eyewear virtual try-on that exceeds your expectations!
₹37,500 INR in 7 days
0.0
0.0

Hello, I understand you need a 2D eyewear virtual try-on feature with real-time overlay through the user's webcam or phone camera. The experience must offer accurate pupil alignment and temple angles. ✨ Why choose me? ✔ React for the front-end component ✔ Real-time overlay for instant previews``````````` ✔ Clean code + full documentation delivered ✅ View my portfolio: https://www.freelancer.com/u/masroorahmed56 Let's collaborate on this hourly project, masroorahmed56
₹37,500 INR in 1 day
2.1
2.1

Oh nice, how are your frame images prepped? For the overlay to sit right, each frame needs a clean transparent cutout with a consistent anchor point where the bridge sits, plus a known real world width so the scaling stays true. If that’s not sorted yet, prepping them is honestly half the job, so I’d want to factor it in. Most of the alignment problems people hit come from the assets, not the computer vision. Also roughly how many frames are in the catalogue, and do you want a standalone component your devs drop in, or me wiring it straight into the live storefront?
₹56,250 INR in 5 days
0.0
0.0

Hi, I saw your requirement and I will definitely help you to build a lightweight React-based Virtual Try-On solution with real-time camera and photo upload support. Using MediaPipe FaceMesh, frames will align accurately with pupils, adapt to head movement, and maintain proper scaling. You will receive an embeddable React component with API hooks, optional backend support, commented source code, integration documentation, and testing to ensure fast performance (<150 ms) and precise alignment. I would be happy to discuss the details and get started. Best Regards, km wasima
₹45,000 INR in 7 days
0.0
0.0

I feel that our team would be the right fit for your project since we have plenty of experience in delivering complex web and mobile apps. We assure a lightweight 2-D eyewear virtual try-on solution for Laxmi Opticians, offering real-time webcam overlays and photo upload options with precise alignment and consistent scaling. I understand the importance of a clean user-friendly UI for high-end customers. Let's discuss your project further—I'd love to chat about it and provide a free consultation. Regards, Nabeel Ismail
₹37,500 INR in 7 days
0.0
0.0

I can build a lightweight AR “virtual try-on” module for Laxmi Opticians using MediaPipe FaceMesh (or similar) with a fast React embeddable component. Includes real-time webcam + photo upload modes, accurate 2D landmark tracking (pupils, nose bridge, ear points), and stable frame scaling/rotation for natural fit. Optimized for low bundle size and mobile performance. Deliverables: React component with product/frame API, optional backend preprocessing, integration guide, and test plan meeting latency (<150ms) and alignment targets.
₹56,250 INR in 7 days
0.0
0.0

Hi! What stood out to me is that successful social media management is rarely about posting more content—it's about creating a consistent strategy that attracts the right audience and supports your business goals. Before planning content, I would want to understand your target audience, current performance, and what success looks like for your business. Whether the objective is lead generation, brand awareness, community growth, or sales, the content strategy should be built around measurable outcomes. I can help with: • Social media strategy and planning • Content calendars and scheduling • Post creation and optimisation • Community management and engagement • Analytics and performance reporting • Organic growth strategies • Cross-platform content management One advantage I bring is access to a broader delivery network through my BPO operations. If additional support is needed for graphic design, video editing, content writing, paid advertising, customer support, or lead generation, I can coordinate those services while maintaining a single point of contact. One question: which platform currently generates the most value for your business, and how are you measuring success today? Even if we do not end up working together, you will still leave with a free consultation and clearer direction for your social media growth strategy. Regards, Alex
₹37,500 INR in 7 days
0.0
0.0

Hi, this project caught my attention because I’ve worked with **React, JavaScript, computer vision integrations, and performance-focused web applications**, and I like the challenge of building smooth real-time experiences. I can help build a lightweight **virtual try-on system** that allows users to preview glasses directly on webcam or uploaded photos without leaving the page. My approach would focus on **MediaPipe FaceMesh + React + Canvas/WebGL rendering**, which gives fast facial landmark detection, accurate pupil alignment, proper frame scaling, and smooth head tracking on both desktop and mobile. I can deliver an embeddable React component, optimized front-end bundle, backend/edge processing if needed, clean API integration for frame assets, and well-documented source code for your team. Performance, low latency, and plug-and-play integration will be a major priority. Happy to discuss architecture and help build a fast MVP that feels natural and production-ready.
₹56,250 INR in 7 days
0.0
0.0

Hello, your innovative 2D eyewear virtual try-on experience for Laxmi Opticians shoppers is exciting. I am Mubashir, a Full-Stack Developer, Engineer, and UI/UX Specialist with 6+ years of experience building responsive web applications. Accuracy is crucial for this project, especially in aligning glasses with the user's face and ensuring a smooth experience across devices. - I will implement a lightweight 2D computer-vision overlay using OpenCV or MediaPipe FaceMesh for precise alignment of sunglasses and prescription glasses. - I will create an embeddable front-end component in React with clear API hooks for product ID, frame PNG/SVG, and color variants for easy integration. - I will establish necessary back-end functions for image pre-processing to maintain performance, ensuring latency under 150 ms for mobile users. - I will develop a test plan to demonstrate alignment accuracy across devices and lighting conditions. Even if you're considering options, I can provide a FREE detailed quotation and project proposal with a suggested roadmap. You can use my proposal as a reference document. My Portfolio: https://www.freelancer.com/u/mubashir021 Mubashir Ahmed
₹50,700.01 INR in 10 days
0.0
0.0

Laxmi Opticians virtual try-on with webcam overlay — building this with MediaPipe FaceMesh + Canvas in React is exactly our kind of project. We'll use MediaPipe FaceMesh for facial landmark detection (468 keypoints, well within your 150ms latency target on mid-range mobile), map the frame PNG/SVG to the iris and temple landmarks, and handle head-pose adjustments for natural scaling. Both the live camera stream and static photo upload are handled client-side — no backend needed unless you want image preprocessing. Deliverables: embeddable React component with props for frame ID, PNG/SVG, and colour variants, plus an integration guide for your devs. One thing to clarify: do you have transparent PNGs for each frame already, or will we prep them from product photos?
₹56,250 INR in 14 days
0.0
0.0

Ahmedabad, India
Payment method verified
Member since Aug 29, 2018
₹1500-12500 INR
₹1500-12500 INR
₹600-1500 INR
₹12500-37500 INR
₹1500-12500 INR
$30-250 USD
₹600-1500 INR
€30-250 EUR
₹600-1500 INR
₹37500-75000 INR
£2-33 GBP / hour
₹12500-37500 INR
$250-750 AUD
$30-250 USD
$30-250 USD
$30-250 USD
₹1500-12500 INR
₹12500-37500 INR
₹1500-12500 INR
$250-750 AUD
$750-1500 AUD
₹1500-12500 INR
$10-30 USD
$30-250 USD
£250-750 GBP