# Storefront Feature Roadmap

> Strategic roadmap for increasing profitability, conversion rates, and SEO traffic.

## Quick Stats
- **Total Features:** 20
- **Estimated Timeline:** 12-16 weeks
- **Priority Categories:** Foundation → Quick Wins → Revenue → Growth

---

## Phase 1: Foundation (Weeks 1-3)
*These features must be completed first as they enable other features*

### 1. Enhanced Product Reviews System
**Impact:** High | **Effort:** Medium | **Revenue Impact:** +15-30% conversion

**Description:**
- Allow customers to submit reviews with photos
- Star ratings display on product cards
- "Verified Purchase" badges
- Review moderation dashboard
- Review request email automation

**Why First:**
- Required for Rich Snippets (SEO feature #9)
- Social proof enables all conversion optimizations
- Reviews feed into email sequences

**Technical Requirements:**
- Database schema for reviews
- Image upload/storage (S3/MinIO)
- Moderation workflow
- Saleor integration or standalone system

**Dependencies:** None (foundation feature)

---

### 2. Structured Data / Rich Snippets (JSON-LD)
**Impact:** High | **Effort:** Low | **Revenue Impact:** +10-20% CTR

**Description:**
- Product Schema (price, availability, ratings)
- Review Schema (star ratings in Google)
- Organization Schema (brand info)
- BreadcrumbList Schema (navigation in SERPs)
- FAQ Schema for product pages

**Why First:**
- Needs reviews system (#1) for review schema
- Immediate SEO benefit
- No dependencies after reviews

**Technical Requirements:**
- next/head component for JSON-LD injection
- Dynamic schema generation per page
- Testing with Google's Rich Results Test

**Dependencies:** 
- ✅ Product Reviews System (#1) - for review ratings
- ⏳ Product catalog (already exists)

---

### 3. Open Graph & Twitter Card Meta Tags
**Impact:** Medium | **Effort:** Low | **Revenue Impact:** Social sharing boost

**Description:**
- og:title, og:description, og:image for all pages
- Twitter Card meta tags
- Dynamic meta tags for product pages
- Social share preview optimization

**Why First:**
- Quick win, low effort
- Improves social media traffic quality

**Technical Requirements:**
- Extend existing metadata.ts
- Generate dynamic OG images (optional)

**Dependencies:** None (parallel with #2)

---

## Phase 2: Quick Wins (Weeks 4-5)
*High impact, low effort features that show immediate results*

### 4. Free Shipping Progress Bar
**Impact:** High | **Effort:** Low | **Revenue Impact:** +15-25% AOV

**Description:**
- Visual progress bar in cart drawer
- "Add X RSD more for free shipping" messaging
- Animated progress indicator
- Threshold: 5,000 RSD (already configured)

**Why Now:**
- Increases average order value immediately
- Simple cart component modification
- No backend dependencies

**Technical Requirements:**
- Cart drawer component update
- Real-time calculation based on cart total
- Confetti animation when threshold reached (optional)

**Dependencies:** None

---

### 5. Sticky "Add to Cart" Button (Mobile)
**Impact:** High | **Effort:** Low | **Revenue Impact:** +10-20% mobile conversion

**Description:**
- Fixed position button on mobile product pages
- Price and "Add to Cart" always visible while scrolling
- Smooth scroll to variant selector if needed

**Why Now:**
- Mobile is likely 60%+ of traffic
- Single component change
- High conversion impact

**Technical Requirements:**
- CSS position: sticky/fixed
- Mobile breakpoint detection
- Smooth scroll behavior

**Dependencies:** None

---

### 6. Trust Signals Enhancement
**Impact:** Medium | **Effort:** Low | **Revenue Impact:** +5-10% conversion

**Description:**
- Payment method icons (Visa, Mastercard, PayPal) in footer/checkout
- "Secure SSL Checkout" badge
- 30-day money-back guarantee badge
- "Made in Serbia" / local production badge

**Why Now:**
- Reduces checkout anxiety
- Visual asset creation only
- No code complexity

**Technical Requirements:**
- SVG icons for payment methods
- Badge component updates
- Footer component modification

**Dependencies:** None

---

## Phase 3: Revenue Optimization (Weeks 6-10)
*Features that directly increase revenue and LTV*

### 7. Abandoned Cart Recovery System
**Impact:** Critical | **Effort:** Medium | **Revenue Impact:** 10-15% cart recovery

**Description:**
- 3-email sequence: 1 hour, 24 hours, 72 hours
- Email 3 includes 10% discount code
- Exit intent detection
- SMS fallback (optional)
- Recovery tracking dashboard

**Why Now:**
- Highest ROI feature
- Requires email infrastructure
- Builds on existing order system

**Technical Requirements:**
- Cart abandonment detection
- Email template system (extend existing)
- Discount code generation
- Cron job or queue system
- Tracking pixel for recovery attribution

**Dependencies:**
- ✅ Email service (Resend already configured)
- ✅ Order notification service (already exists)
- ⏳ Discount code system (if not in Saleor)

---

### 8. One-Click Upsells at Checkout
**Impact:** High | **Effort:** Medium | **Revenue Impact:** +20-30% AOV

**Description:**
- "Complete your routine" modal after add-to-cart
- Smart product recommendations based on cart contents
- One-click add (no page reload)
- Bundle discounts (buy 2 get 10% off)

**Why Now:**
- Increases AOV significantly
- Leverages existing cart system
- Works well with skincare routines

**Technical Requirements:**
- Upsell algorithm (category-based)
- Modal component
- Cart API updates
- Bundle pricing logic

**Dependencies:**
- ✅ Cart system (already exists)
- ⏳ Product relationships data (manual or AI-based)

---

### 9. Exit-Intent Lead Capture Popup
**Impact:** Medium | **Effort:** Low | **Revenue Impact:** +5-15% email list growth

**Description:**
- Detects when user moves mouse to close tab/address bar
- Shows email signup with 10% discount offer
- Mobile: scroll-up detection or time-based
- Dismissible with "No thanks" option

**Why Now:**
- Captures leaving traffic
- Builds email list for newsletters
- Simple implementation

**Technical Requirements:**
- Exit intent detection library (ouibounce or custom)
- Email capture form
- Discount code integration
- Cookie/session management (show once per user)

**Dependencies:**
- ⏳ Email list management (CRM or Mailchimp)
- ⏳ Discount code system

---

### 10. Subscription / Recurring Orders
**Impact:** High | **Effort:** High | **Revenue Impact:** Predictable recurring revenue

**Description:**
- "Subscribe & Save 15%" option on product pages
- Monthly/quarterly delivery intervals
- Automatic billing (Stripe subscriptions)
- Skip/pause/cancel management portal
- Replenishment reminders

**Why Now:**
- Skincare has high reorder rates
- Predictable revenue stream
- Increases LTV significantly

**Technical Requirements:**
- Stripe Subscription integration
- Customer portal for management
- Inventory forecasting
- Email notifications for upcoming orders

**Dependencies:**
- ✅ Stripe integration (check existing)
- ⏳ Customer account system (if not exists)
- ⏳ Inventory management enhancements

---

## Phase 4: Engagement & Support (Weeks 11-12)
*Features that improve customer experience and reduce friction*

### 11. Live Chat Widget (WhatsApp Business)
**Impact:** Medium | **Effort:** Low | **Revenue Impact:** +10-15% conversion

**Description:**
- WhatsApp Business integration (most popular in Serbia)
- Floating chat button
- Auto-reply for common questions
- Business hours indicator
- Chat history

**Why Now:**
- Real-time customer support
- High trust factor for skincare advice
- Low implementation cost

**Technical Requirements:**
- WhatsApp Business API or click-to-chat
- Floating button component
- Auto-response templates
- Mobile-optimized

**Dependencies:** None

---

### 12. Product Comparison Tool
**Impact:** Medium | **Effort:** Medium | **Revenue Impact:** +5-10% conversion

**Description:**
- Compare 2-3 products side-by-side
- Compare ingredients, benefits, price, reviews
- Save comparison for later
- "Help me choose" quiz (optional)

**Why Now:**
- Reduces decision paralysis
- Increases time on site
- Helps customers find right product

**Technical Requirements:**
- Comparison table component
- Product selection interface
- Data normalization across products
- Persistent state (URL params or session)

**Dependencies:**
- ✅ Product data (already in Saleor)
- ⏳ Enhanced product attributes

---

### 13. Enhanced Urgency Elements
**Impact:** Medium | **Effort:** Low | **Revenue Impact:** +5-15% conversion

**Description:**
- Real stock counter ("Only 3 left in stock")
- Countdown timer for limited promotions
- Recent purchase notifications ("Sarah from Belgrade just bought...")
- Low stock email alerts

**Why Now:**
- Scarcity drives action
- Builds on existing urgency text
- Simple implementation

**Technical Requirements:**
- Real-time stock display
- Countdown timer component
- Fake social proof (recent purchase ticker)
- Sale scheduling system

**Dependencies:**
- ✅ Inventory data from Saleor
- ⏳ Sale/promotion management system

---

## Phase 5: Content & SEO Growth (Weeks 13-16)
*Long-term traffic growth through content and SEO*

### 14. Blog / Content Marketing Hub
**Impact:** High | **Effort:** High | **Revenue Impact:** Organic traffic growth

**Description:**
- Blog section with categories
- Skincare guides and tutorials
- Ingredient education
- Before/after case studies
- Video content integration
- SEO-optimized articles

**Why Now:**
- Long-term organic traffic
- Positions brand as authority
- Content for social media

**Technical Requirements:**
- Blog CMS (Headless CMS or markdown)
- Category/tags system
- Author profiles
- Related articles
- Comment system (optional)

**Dependencies:**
- ⏳ Headless CMS (Strapi, Sanity, or Contentful)
- ⏳ Content strategy and writing resources

---

### 15. Enhanced Product Pages (Video & Guides)
**Impact:** Medium | **Effort:** Medium | **Revenue Impact:** +10-20% conversion

**Description:**
- Product application tutorial videos
- Ingredient glossary popup
- "How to use" photo guides
- Skin type recommendations
- Routine builder tool

**Why Now:**
- Increases product understanding
- Reduces returns
- Video content for social

**Technical Requirements:**
- Video hosting (Vimeo/YouTube)
- Accordion components for guides
- Skin type quiz logic
- Rich media product gallery

**Dependencies:**
- ⏳ Video production
- ⏳ Content creation

---

### 16. FAQ Section with Schema Markup
**Impact:** Medium | **Effort:** Low | **Revenue Impact:** SEO + reduced support

**Description:**
- Comprehensive FAQ page
- Product-specific FAQs
- Searchable FAQ
- FAQ schema markup for Google
- Categorized questions

**Why Now:**
- Reduces customer service load
- SEO benefit with FAQ schema
- Easy content creation

**Technical Requirements:**
- FAQ accordion component
- Search functionality
- JSON-LD FAQ schema
- Category filtering

**Dependencies:** None

---

## Phase 6: Email Marketing Automation (Weeks 14-16)
*Leveraging email for retention and LTV*

### 17. Post-Purchase Email Sequence
**Impact:** High | **Effort:** Medium | **Revenue Impact:** +20-30% retention

**Description:**
- Order confirmation (already exists ✓)
- Shipping notification (already exists ✓)
- Delivery confirmation
- "How's your product?" (7 days later)
- Review request (14 days later)
- Replenishment reminder (30/60 days)
- Win-back campaign (90 days no purchase)

**Why Now:**
- Maximizes LTV
- Uses existing email infrastructure
- Automated revenue

**Technical Requirements:**
- Email sequence automation
- Timing logic based on delivery
- Dynamic content based on purchase
- Unsubscribe management

**Dependencies:**
- ✅ Email service (Resend)
- ✅ Order tracking (already exists)
- ⏳ Delivery tracking integration (optional)

---

### 18. Segment-Based Email Campaigns
**Impact:** Medium | **Effort:** Medium | **Revenue Impact:** +15-25% email revenue

**Description:**
- VIP customers segment (high LTV)
- Inactive customers (win-back offers)
- Product-specific education sequences
- Seasonal campaigns (winter skincare, summer protection)
- Birthday discounts

**Why Now:**
- Personalized marketing
- Higher engagement than broadcasts
- Uses customer data

**Technical Requirements:**
- Customer segmentation logic
- Email template variants
- Automation workflows
- A/B testing capability

**Dependencies:**
- ✅ Email service
- ⏳ CRM or customer data platform
- ⏳ Email marketing platform (Mailchimp, Klaviyo, or custom)

---

## Phase 7: Advanced Features (Future)
*Nice-to-have features for later phases*

### 19. Wishlist / Save for Later
**Impact:** Medium | **Effort:** Medium | **Revenue Impact:** +5-10% conversion

**Description:**
- Heart icon on product cards
- Save items without account (cookies) or with account
- Email reminders for saved items
- Share wishlist feature
- Back-in-stock notifications

**Technical Requirements:**
- Wishlist database/storage
- Heart icon toggle
- Wishlist page
- Email triggers
- Social sharing

**Dependencies:**
- ⏳ Customer account system (optional)
- ⏳ Back-in-stock notification system

---

### 20. Google Analytics 4 + Enhanced E-commerce
**Impact:** Medium | **Effort:** Low | **Revenue Impact:** Better attribution

**Description:**
- GA4 implementation alongside OpenPanel
- Enhanced e-commerce events
- Funnel visualization
- Attribution modeling
- A/B testing framework (Google Optimize)

**Why Later:**
- OpenPanel already provides analytics
- GA4 is supplementary
- Data analysis takes time

**Technical Requirements:**
- GA4 script injection
- Event mapping to GA4 standards
- E-commerce data layer
- Conversion tracking setup

**Dependencies:** None (can be done anytime)

---

## Dependency Graph

```
Phase 1: Foundation
├── 1. Product Reviews (START HERE)
├── 2. Structured Data ← depends on #1
└── 3. Open Graph Tags (parallel)

Phase 2: Quick Wins
├── 4. Free Shipping Bar (independent)
├── 5. Sticky Add to Cart (independent)
└── 6. Trust Signals (independent)

Phase 3: Revenue
├── 7. Abandoned Cart ← needs email system ✓
├── 8. One-Click Upsells ← needs cart ✓
├── 9. Exit Intent ← needs email CRM
└── 10. Subscriptions ← needs Stripe

Phase 4: Engagement
├── 11. Live Chat (independent)
├── 12. Product Comparison ← needs product data ✓
└── 13. Urgency Elements ← needs inventory ✓

Phase 5: Content
├── 14. Blog ← needs CMS
├── 15. Enhanced PDPs ← needs video content
└── 16. FAQ (independent)

Phase 6: Email
├── 17. Post-Purchase ← needs #7 foundation
└── 18. Segmentation ← needs CRM

Phase 7: Future
├── 19. Wishlist (nice to have)
└── 20. GA4 (supplementary)
```

---

## Implementation Priority Matrix

| Feature | Revenue Impact | SEO Impact | Effort | Priority |
|---------|---------------|------------|--------|----------|
| 1. Product Reviews | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | Medium | **P0** |
| 2. Structured Data | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | Low | **P0** |
| 7. Abandoned Cart | ⭐⭐⭐⭐⭐ | ⭐ | Medium | **P0** |
| 4. Free Shipping Bar | ⭐⭐⭐⭐ | ⭐ | Low | **P1** |
| 8. One-Click Upsells | ⭐⭐⭐⭐⭐ | ⭐ | Medium | **P1** |
| 5. Sticky Add to Cart | ⭐⭐⭐⭐ | ⭐ | Low | **P1** |
| 10. Subscriptions | ⭐⭐⭐⭐⭐ | ⭐ | High | **P1** |
| 17. Post-Purchase Email | ⭐⭐⭐⭐ | ⭐ | Medium | **P1** |
| 14. Blog | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | High | **P2** |
| 9. Exit Intent | ⭐⭐⭐ | ⭐ | Low | **P2** |
| 11. Live Chat | ⭐⭐⭐ | ⭐ | Low | **P2** |
| 15. Enhanced PDPs | ⭐⭐⭐⭐ | ⭐⭐⭐ | Medium | **P2** |

**Legend:**
- **P0:** Start immediately, highest ROI
- **P1:** Core revenue features
- **P2:** Growth and optimization

---

## Resource Requirements

### Development Team
- **Frontend:** 1-2 developers (Next.js/React)
- **Backend:** 1 developer (Node.js/GraphQL)
- **DevOps:** Part-time (CI/CD, infrastructure)

### External Resources
- **Content Writer:** For blog, FAQs, product descriptions
- **Video Production:** For tutorials and guides
- **Email Copywriter:** For email sequences
- **Designer:** For banners, badges, marketing assets

### Third-Party Services
- **Email Marketing:** Resend (✓), Klaviyo (optional upgrade)
- **Reviews Platform:** Loox, Judge.me, or custom
- **Live Chat:** WhatsApp Business (free), Intercom (paid)
- **Analytics:** OpenPanel (✓), Google Analytics 4
- **CMS:** Strapi (self-hosted) or Sanity
- **CDN:** Cloudflare (✓)

---

## Success Metrics

### Revenue KPIs
- **Conversion Rate:** Current → Target (+20%)
- **Average Order Value:** Current → Target (+25%)
- **Customer Lifetime Value:** Current → Target (+40%)
- **Cart Abandonment Rate:** Current → Target (-30%)

### SEO KPIs
- **Organic Traffic:** +50% in 6 months
- **Click-Through Rate:** +15% with rich snippets
- **Keyword Rankings:** Top 3 for 20 target keywords
- **Domain Authority:** Increase by 10 points

### Engagement KPIs
- **Email List Growth:** +500 subscribers/month
- **Review Submission Rate:** 10% of orders
- **Repeat Purchase Rate:** 30% within 90 days
- **Customer Support Tickets:** -20% with FAQ

---

## Notes

- **Test everything:** A/B test major changes
- **Mobile-first:** 60%+ traffic is mobile
- **Performance:** Keep Core Web Vitals green
- **Accessibility:** WCAG 2.1 AA compliance
- **Privacy:** GDPR compliance for EU customers

---

*Last Updated: March 2026*
*Next Review: Quarterly*