manoon-headless/docs/roadmap/FEATURE_ROADMAP.md

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