PORTFOLIO DESIGN & ENGINEERING CASE STUDY

Turning a schoolyard tease into a style brand.

A concept omnichannel eyewear brand for India, with live AR try-on, an honest lens builder, and eye tests that come home.

Agency Honesty Principle: Specsy is a concept project. All metrics and operational flows represent design hypotheses and calibrated simulations, not commercial claims. Figures cited in research sections are explicitly attributed to published medical and demographic sources.
Signature Hardware

Cobalt Clamshell Case

PU leather shell with blind-embossed 18mm Pair symbol and Flash yellow microsuede lining: “Handle with care. Or don't, we're sturdy.”

ss
specsy
158 × 62 × 40 mm · Clamshell
Signature Unboxing

Slide Mailer Box

Rigid outer sleeve with thumb notch reveal, sliding out to show Lens Dots pattern and greeting: “You're the specsy one now.”

“You're the specsy one now.”
Designed in Bengaluru · Fitted in Hyderabad
specsy

Be the specsy one.

Slide rigid sleeve · 400gsm FBB

166 × 70 × 48 mm · Rigid Slide Box
Chapter 02

The 4-Surface Challenge

Most eyewear retailers operate fragmented software: a Shopify storefront, a third-party POS tablet in stores, paper prescription slips, and isolated delivery apps. The challenge was to design and engineer a synchronized, unified ecosystem across four responsive surfaces:

Customer App

Live AR mirror, blink-check screener, Rx vault, and instant checkout.

Eye Pro App

Optometrist toolkit for doorstep exams, digital trials, and auto-generating valid Rx cards.

Studio Desk

In-store tablet console managing the 60-minute “Fit in an hour” lab queue.

Brand & Marketing

Complete brand system, marketing site, franchise economics, and packaging kit.

Chapter 03

Context & Market Realities

India's optical market is undergoing a structural transformation driven by urbanization, increased screen time, and tax rationalization:

~36%
Vision Access

Only ~36% of Indians needing corrective lenses currently have them (IVI / WHO).

21.1%
Pediatric Myopia

Urban childhood myopia rose from 4.4% to 21.1% in 20 years (Priscilla & Verkicharla, 2021).

46%
First-Time Testers

Nearly half of all eye tests performed in urban India are the customer's first-ever exam.

5% GST
Regulatory Tailwind

September 2025 GST rationalization lowered spectacle taxes to 5%.

Chapter 04

The Core Insight

“People don't fear glasses. They fear the counter: the surprise lens bill, and not knowing how it will look.”

Traditional optical stores lure shoppers with ₹999 frames, only to charge ₹4,000 extra for basic coatings at the billing register. Specsy inverts this anxiety through radical pricing transparency and instant AR face-fitting.

Chapter 05

Reclaiming the Schoolyard Tease

In Hindi and English schoolyards, calling someone “Chashmish” or “Specky” was a taunt. Specsy reclaims it into a proud style badge: “Be the specsy one.”

The Pair Symbol

Two perfect circles connected by an arched bridge. In motion, the right lens winks over 1.2 seconds, transforming a clinical tool into a playful human greeting.

ss

Color Architecture

Cobalt
#1447E6 · Primary
Flash Yellow
#FFD23F · Accent
Jet
#0B0C0E · Surface
Sky Tint
#EBF0FF · Background
Chapter 06

Signature Interaction 1: Mirror + Line-up

Live WebAR try-on running directly in Safari and Chrome with no app store download required.

468 Face Landmarks

Sub-millimeter Tracking

MediaPipe 3D face mesh tracks facial pose and yaw across ±30 degrees smoothly.

Physical Ruler

Iris-Calibrated PD

Calculates pupil distance (PD) directly from iris landmarks (468, 473) for exact frame sizing.

Private & On-Device

Zero Cloud Upload

All video feeds and face coordinates are processed strictly in local client memory.

Chapter 07

Signature Interaction 2: Lens Lab

The Lens Lab dismantles optical pricing confusion. The frame price includes single-vision anti-glare lenses by default. Add-ons like Blue Shift (+₹500) and Smudge Guard (+₹400) update a real-time price roller ticker with full GST breakdown.

Sagitta Math & Thickness Morphing

Users see an interactive SVG cross-section of their actual lens dynamically thinning as they toggle index grades (1.56 $\to$ 1.60 $\to$ 1.67 $\to$ 1.74), computed using standard sagitta optical formulas:

s = r - √(r² - (d/2)²)
Chapter 09

Cross-Surface Synchronization

Customer actions on mobile instantly synchronize across all physical touchpoints via simulated event buses:

1. CustomerShortlists Plot Twist at home
2. Eye ProTrolley pre-loads shortlisted frame
3. Studio DeskIn-store kiosk prepares fitting tray
Chapter 10

Partner Apps & Operations Console

Eye Pro App

Empowers traveling optometrists with a 12-item kit checklist, GPS dispatch route navigation, 15-point digital clinical exam, and dynamic Rx issue.

Studio Desk

Dedicated tablet interface for retail staff: barcode scanner, live lens-cutting timer, and automated customer pickup SMS triggers.

Ops Console (/ops)

Centralized fleet management: live technician routes, 50-studio stock replenishment thresholds, and lens lab manufacturing pipeline.

Chapter 11

The Physical Brand Universe

High-contrast tactile materials designed for durability and surprise across retail and doorstep deliveries:

Optical Microfibre Cloth

250gsm microfibre in Sky tint with repeat Lens Dots pattern and winking accents.

wipe, wink, repeat.ss
150 × 175 mm · 80% recycled PET microfibre

Studio Retail Façade

Cobalt fascia panel with 3000K warm halo LED 3D wordmark and frosted Pair circles.

specsy
Free eye testsFit in an hour
Be the
specsy one.
Indiranagar 100ft Rd Flagship · 4,800 × 900 mm ACP Fascia
Chapter 12

Urban OOH & Social Campaigns

Billboard 01 · Marathahalli

“Be the specsy one.”

Close-up cat-eye frames with wink on solid Cobalt. Frames from ₹999.

Billboard 02 · Metro MG Road

“One Price.”

Crossed-out hidden receipt fees vs single ₹2,499 price tag. Lenses included.

Billboard 03 · Kothrud Pune

“Look twice.”

Split image: squinting teenager vs confident grin. Home eye test at ₹99.

Chapter 13

The Marketing Website

Fully static-exported Next.js 15 marketing site featuring 10 production routes, interactive calculators, live studio locator for 50 cities, and Schema.org structured data:

Chapter 14

Launch the Live Surfaces

Explore the responsive prototypes and brand assets directly in your browser:

Chapter 15

Credits & Architecture

Core FrameworkNext.js 15 (App Router)
3D & VisionMediaPipe + Three.js
Styling & TokensTailwind CSS v4
TypographySyne + Inter + JetBrains
State ManagementZustand
Simulation Bus@folio/sim SimClock
Designed and engineered as part of the Folio portfolio system. Specsy is a fictional concept brand for design and demonstration purposes.