FaceIt by ZK: AI Skin Scanner for E-Commerce

FaceIt by ZK is a skincare brand based in Pakistan with 12+ products across serums, creams, face washes, and makeup. The challenge every skincare brand faces: customers don't know which product is right for them. They browse, get overwhelmed by options, and either buy the wrong thing or leave without buying at all.

The founder wanted something different. Instead of making customers guess, what if the website could analyze their skin and tell them exactly what to buy?

I designed the system around a simple user flow: tap a button, scan your face, get recommendations. Three steps, no friction.

The technical challenge was making it work reliably across devices. The scanner needs to run on cheap Android phones in Pakistan just as well as it runs on an iPhone 15. That meant optimizing the AI model for speed, handling low-light camera conditions, and building a UI that works on small screens.

I also had to solve the product-matching problem. The AI doesn't just detect skin issues; it maps those issues to specific products in the FaceIt catalog. Acne detected? Recommend the Anti Acne Serum. Pigmentation? Pigmentation Serum. Dull skin? Instant Glow Cream. The recommendations feel personalized because they are.

A complete AI-powered skin analysis and product recommendation system integrated into the FaceIt by ZK Shopify store.

Real-time face detection using the device camera (mobile and desktop)

AI skin analysis that identifies acne, pigmentation, texture issues, pores, and uneven tone

Works in various lighting conditions and across different skin tones

Maps detected skin concerns to specific products in the FaceIt catalog

Suggests a complete skincare routine (not just one product)

"Build Your Routine" feature lets customers add recommended products to cart in one click

Embedded natively into the Shopify storefront (not a popup or redirect)

Product data syncs automatically so new products get included in recommendations

Mobile-first design that matches the FaceIt brand aesthetic

JavaScript for the frontend scanner UI and camera integration

Python for the AI skin analysis backend

Shopify for e-commerce integration and product data

Computer Vision models for face detection and skin condition analysis

The scanner is live at faceitbyzk.com. Customers scan their face, see their skin analysis, and get a personalized product recommendation with one-click add to cart. The store has 1,300+ product reviews, and the scanner creates a direct path from "I have a skin problem" to "here's exactly what to buy."

Most e-commerce stores treat every visitor the same. The AI scanner turns a generic shopping experience into a personalized consultation. It's the difference between walking into a store and browsing shelves vs. having a dermatologist hand you exactly what you need.