Skip to content

[Design] Design advanced sections and integration-ready blocks #145

Description

@hta218

Context

Naturélle should include premium sections and integration-ready blocks that make it competitive with paid Shopify themes and useful for real merchants.

Goal

Design advanced Naturélle sections and app-powered block concepts for later implementation in Weaverse.

Scope

Design section/block concepts for Naturélle, prioritizing beauty / wellness / skincare / organic premium commerce use cases:

  • Ingredients grid section
  • Routine builder / routine steps concept
  • Before/after section
  • Review stars and review carousel placements
  • Subscription selector placement
  • Wishlist button and wishlist state
  • Back-in-stock form placement
  • Klaviyo/newsletter signup section
  • Loyalty points hint
  • Press/testimonial/trust section

For app-powered blocks, include:

  • Connected state
  • Empty/unconfigured fallback state
  • Merchant-facing content expectations
  • Notes for later docs/dev handoff

Deliverables

  • Figma concepts for advanced sections
  • Integration placement map
  • Empty/connected states for app-powered blocks
  • Priority recommendation: must-have vs nice-to-have sections for first dev phase

Non-goals

  • Do not implement code in this task.
  • Do not lock us into a single app vendor unless the UX requires it.

Acceptance criteria

  • Advanced section concepts are designed.
  • Integration-ready blocks include connected and fallback states.
  • Must-have vs nice-to-have priority is clear.
  • Designs are realistic for Weaverse section implementation.
  • Figma link and handoff summary are added to this issue.

Metadata

  • Theme: Naturélle
  • Track: Theme Refresh
  • Priority: High
  • Milestone: July-2026

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Type

Projects

Status
In Progress

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions