diff --git a/docs/roadmap/FEATURE_ROADMAP.md b/docs/roadmap/FEATURE_ROADMAP.md new file mode 100644 index 0000000..c3c7d6f --- /dev/null +++ b/docs/roadmap/FEATURE_ROADMAP.md @@ -0,0 +1,666 @@ +# 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* \ No newline at end of file