Art Lounge

A storefront, rebuilt. Here's what changed — and why it matters.

Not a visual refresh. A structural overhaul that makes the store faster to browse, easier to run, and built so future changes don't break anything.

−78%Smaller stylesheet380kb → 85kb
−99%Faster content updates4 hrs → 2 min
−97%Fewer CSS overrides1,184 → 33
41k+Lines of dead code removedEvery rule in the stylesheet is used

Three areas with a direct impact on the business

✓ Shoppers

More people reach checkout. Fewer drop off from frustrating micro-moments.

44px+
Minimum tap target
Every button hit first time — no misclicks
5
Feedback steps after Add to Cart
Shoppers never wonder if it worked
0px
Horizontal overflow on tables
Every product comparison fits the screen
6
Cart nudges toward checkout
Progress bar, savings, trust signals, cross-sell
Enhanced cart panel with conversion features
✓ The Team

Marketing moves without waiting. Campaigns go live when they need to.

2 min
To update the homepage banner
Was 2–4 hours with a developer
0
Developer hours for content changes
Banners, brands, cart rewards — all self-service
3
Self-service admin modules
Hero banners, featured brands, cart milestones
2
Configurable cart reward tiers
Free delivery and free gift thresholds — editable anytime

Banner update workflow

Before

  1. 1. Email developer
  2. 2. Wait for availability
  3. 3. Edit backend code
  4. 4. Deploy + flush cache
  5. ~4 hours

After

  1. 1. Open admin panel
  2. 2. Upload image + link
  3. 3. Save. Done.
  4.  
  5. ~2 minutes
✓ The Codebase

Future changes are faster, cheaper, and lower risk. The mess is gone.

41k+
Lines of dead code removed
Every rule in the stylesheet is actually used
40
Focused style files
Replaced one 8,369-line monolith — each file has one job
401
Named design rules
Change a colour once — it flows to every page automatically
7 → 1
Product card styles
One shared component instead of seven separate versions

Stylesheet size

Before380kb
After85kb

−78% — less CSS the browser has to parse before painting anything

How design decisions translate into revenue

Nobody abandons a checkout in one dramatic moment. Sales leak away through small frustrations. Here's how each fix plugs a specific leak.

👆

Large tap targets → Fewer abandoned actions

Every interactive element is at least 44×44px on mobile. When users tap what they intend to tap, the sale keeps moving. A mis-tap on 'filter reset' when you meant 'Add to Cart' ends visits.

5-step cart feedback → Higher confidence to pay

Button changes state. Toast confirms the item. Cart slides open. Count updates. Checkout stays pinned. Each step removes doubt. Doubt is what causes people to leave before paying.

📦

Delivery progress bar → Bigger average orders

Two milestones: free delivery at ₹999, free gift at ₹2,499. Shoppers near a threshold add one more item to unlock it. This is the most well-proven lever for increasing basket value without discounting.

📊

Readable variant tables → Decisions get made

Products with multiple colours, sizes, or finishes need comparison tables that actually work on a phone. Before: sideways scrolling, cramped columns, confusion. After: clean, adaptive, and easy to act on.

Clean product listing with filter sidebar

Browse

Colour swatch comparison table

Compare

Consistent product card grid

Choose

Enhanced cart with conversion features

Cart