VINOVA: 3D virtual try-on at platform scale
End-to-end platform development for VINOVA centred on real-time 3D virtual try-on: live camera or photo upload, 3D facial mapping, and frame preview on Next.js storefronts, then GPT-4 lens recommendations, home try-on logistics, AI inventory forecasting, affiliate growth, digital eye exams, optometrist marketplace and booking, and multi-region routes across Iran, Dubai, and London.
Designer eyewear, clinically informed
VINOVA is a multi-region eyewear brand and digital platform for prescription glasses, sunglasses, premium lenses, and contact lenses. The signature shopper experience is 3D virtual try-on: see frames on your own face in real time before you configure lenses or checkout. Public positioning also emphasises expert guidance and worldwide delivery. The Iran storefront at vinova.ir serves Persian-speaking buyers, alongside English and Arabic locale routes (for example UAE English paths such as /ae-en) on the broader vinova.store platform. Physical and digital presence spans three regional hubs: Iran, Dubai (UAE), and London (UK). Bytelogic partnered on a signed scope from Figma through deployment: 3D try-on and facial mapping as the product hero, plus GPT-4 lens guidance, home try-on fulfilment, AI inventory and forecasting, affiliate growth, exams, optometrist discovery, and commerce tuned to local insurance and logistics.
Online eyewear that starts with 3D try-on
- Deliver real-time 3D virtual try-on using live camera or photo upload, 3D facial mapping, accurate frame placement, and AI style recommendations from face shape, skin tone, and lifestyle signals
- Prototype and performance-test try-on on mobile and desktop so latency and rendering quality match premium fashion expectations
- Connect try-on to catalog, product detail, and checkout so frame choice flows naturally into GPT-4 lens configuration and payment
- Ship trilingual, multi-currency storefronts (English, Arabic, Farsi) with locale-based routing and regional fulfilment expectations
- Deliver GPT-4 powered lens suggestions that interpret prescription context, coatings, thickness, and frame fit so shoppers get guided lens choices, not generic upsells
- Run AI-powered inventory management and demand forecasting so merchandising and ops can replenish frames and lenses before stockouts across regions
- Offer home try-on: ship multiple frames to the customer, a defined at-home testing window, tracked returns, and time-slot selection tied to fulfilment
- Launch an affiliate programme for optometrists, physicians, influencers, and customers with referral tracking, promo codes, dashboards, and payouts (bank, PayPal, crypto per scope)
- Embed interactive eye screening flows (visual acuity, astigmatism, colour blindness) with calibration suitable for pre-purchase guidance
- Build an Optometrist Network: verified profiles, maps, reviews, online booking, subscriptions, and clinic advertising packages
- Integrate domestic and international payments (Stripe, PayPal, crypto options scoped), insurance verification and instalments where applicable
- Maintain enterprise security (JWT, encryption, HTTPS, GDPR-oriented controls) and cloud hosting with scaling, backups, and QA across devices
Phased platform from Figma to production
Bytelogic executed the signed scope in structured phases, with 3D virtual try-on treated as the primary product surface: dedicated Figma flows, Next.js rendering, and backend support, then catalog, GPT-4 lenses, home try-on, affiliate, optometrist marketplace, security, QA, and cloud deployment.
Figma UX
- Wireframes and high-fidelity screens for shop, product detail, virtual try-on, eye exam, cart, checkout, profile, admin, and optometrist flows
- Interactive prototypes centred on the virtual try-on journey before build
- Responsive layouts for desktop, tablet, and mobile with motion and transition specs
3D virtual try-on
- Real-time 3D frame preview on the shopper’s face via camera stream or uploaded photo
- 3D facial mapping to align bridge, temple, and scale per frame SKU
- AI-assisted frame style suggestions from facial structure, skin tone, and lifestyle inputs
- Try-on embedded on product pages and shop flows so users compare frames without leaving context
- Integration-tested for device coverage, load, and UAT alongside booking and checkout
Next.js storefront
- Dynamic catalog with search, filters, and sorting across frames and lenses
- Hand-off from 3D try-on into GPT-4 powered lens suggestions from prescription and preference inputs
- Home try-on booking: request frames, delivery tracking, testing period, and return logistics
- Digital eye tests, smart chatbot for prescription and frame advice
- Cart and checkout with discounts, tax, and multi-gateway payments
Inventory & forecasting
- AI-driven inventory management in admin tied to SKU, variant, and regional stock views
- Demand forecasting models to support replenishment and promotion planning
- Recommendation engine and behaviour analytics (funnels, heatmaps) feeding merchandising decisions
- Abandoned-cart automation and dynamic onsite prompts coordinated with WhatsApp, SMS, email, and push
Backend, affiliate & network
- REST APIs, JWT auth, encrypted data paths, MongoDB collections for users, products, orders, inventory, optometrists
- Admin dashboard for merchandising, promotions, orders, analytics, and optometrist schedules
- Full affiliate system: registration tiers, referral links, commission tracking, promo codes, and payout workflows
- Optometrist registration with professional verification and “Verified by Platform” badges
- Brand advertising module for lens and frame partners with AI-assisted ad targeting
Stack & integrations
| Layer | Technology | Purpose |
|---|---|---|
| 3D virtual try-on | Camera, photo, 3D facial mapping | Real-time frame preview; primary shopper experience on Next.js |
| Frontend | Next.js | Storefront, locale routes, try-on UI and WebGL-style rendering layer |
| Backend | Node.js REST APIs | Auth, orders, booking, try-on session support, admin services |
| Data | MongoDB | Users, catalog, orders, optometrists, inventory |
| Lens intelligence | GPT-4 (OpenAI) | AI-powered lens and coating suggestions after frame selection |
| Home try-on | Fulfilment workflows | Ship frames home, testing window, returns, slot selection |
| Inventory AI | Forecasting & admin tooling | AI-powered stock management and demand prediction |
| Affiliate | Referral platform | Tracking, commissions, promo codes, multi-method payouts |
| Payments | Stripe, PayPal, crypto (scoped) | Domestic and international checkout |
| Messaging | WhatsApp, SMS, email, push | Cart recovery, orders, appointments |
| Hosting | Cloud (auto-scale, backups) | Production frontend and API tiers |
Signed scope, locked design, phased QA
The agreement defined client-supplied content and gateway credentials, a Figma sign-off gate (limited design churn during development), milestone payments prior to go-live, and portfolio rights for Bytelogic including a discrete footer credit on the client site. Delivery prioritised virtual try-on in usability testing, integration tests, cross-browser and load testing, UAT, and hardened cloud rollout. Optional ongoing AMC was scoped separately for post-launch maintenance.
3D try-on
Flagship shopper flow
GPT-4 lenses
After virtual fit
Home + affiliate
Physical try & growth
Live 3D try-on across regions
VINOVA is live for shoppers in Iran via vinova.ir and internationally through locale-aware storefronts on the vinova.store programme. The headline experience is 3D virtual try-on on web and mobile, followed by GPT-4 lens suggestions, home try-on where offered, affiliate growth, AI inventory forecasting, optometrist booking, and multi-gateway checkout. Bytelogic’s delivery is a flagship-grade stack (Next.js try-on layer, Node, MongoDB, OpenAI lenses) aligned to three regional storefronts and trilingual, multi-currency growth.
Building a
marketplace-grade product?
Share your requirements with our team. We respond with a defined scope, transparent pricing and a delivery plan you can hold us to.