All the details

Get All The Feels is a fashion discovery website where users can search for clothing based on how fabric feels (e.g., buttery, soft, cozy). The site aims to support sensory-driven shoppers and streamline shopping across Amazon, Shein, and Temu using affiliate integrations.

Primary goals:

  • Provide a simple, calming interface for users to filter by fabric feel, category, size, and gender

  • Generate affiliate search links dynamically

  • Eventually pull live product data and expand to other platforms (I would love if we can display in-line w our site so we do not lose the customer)

🔢 Functional Requirements

1. Homepage

  • Branded welcome area (Have fun & innovate)

  • Button linking to “Shop by How It Feels” (/shop-by-feel) 1st persona

2. Shop by Feel Page

  • Fabric Feel dropdown

  • Up to 3 fabric types with optional blend percentages (not required)

  • Filters: Gender, Size, Category

  • "Search Now" button that builds affiliate URL (Amazon, later Shein/Temu)

  • Opens results in a new tab

3. Styling

  • Soft, rounded UI

  • Sensory-friendly color palette

  • Responsive design (mobile/tablet first)

4. Affiliate

  • Amazon affiliate ID: fabricfinder-20

  • Must reach 3 conversions in 180 days to unlock Product API

  • Future support for Temu and Shein

5. Internal Tracker Page

  • Static tracker for build progress, affiliate status, and to-dos

📊 User Stories

Shopper (End User)

  1. As a user, I want to search for clothing based on how the fabric feels.

  2. As a user, I want to enter up to three fabric types and percentages.

  3. As a user, I want to filter by gender so results are relevant.

  4. As a user, I want to filter by size so I don’t waste time.

  5. As a user, I want to select a category like T-Shirts or Pants.

  6. As a user, I want to click "Search Now" and see filtered results.

  7. As a user, I want affiliate results to open in a new tab. (can we actually have the results displayed on our site? Inline? Something for another version is curating a bag from multiple sites but 1 payment method. )

  8. As a user, I want the design to be soothing and accessible.

  9. As a user, I want to browse easily on my phone.

  10. As a user, I want the "feel" descriptions to be simple and clear.

  11. As a user, I want to be able to save my filter my filters.

Site Owner (Susan)

  1. As the site owner, I want to launch with just Amazon and validate usage.

  2. As the site owner, I want to track affiliate success manually at first.

  3. As the site owner, I want to add more feel descriptors as we grow.

  4. As the site owner, I want to scale to Shein and Temu once validated.

  5. As the site owner, I want to track progress and goals via a static tracker.

  6. As the site owner, I want a low-code solution (Squarespace + custom blocks).

  7. As a site owner, I want to be able to add other sites with ease.

👥 Personas

Persona 1: The Sensory Seeker

Name: Jessie
Age: 34
Occupation: Project Manager

Traits: Budget-conscious, intuitive shopper, sensory-sensitive

Goals:

  • Discover clothing based on how it feels

  • Avoid itchy, stiff, or synthetic fabric

  • Get a great deal on soft, familiar textures

Behavior:

  • Filters by texture or feel terms like "buttery" or "cooling"

  • Will wait longer for shipping if it’s the right feel

  • Often shops late at night; prefers soft, simple UI

Design Implications:

  • Prioritize feel-based filtering

  • Calming palette, gentle UX

  • Transparent language around fabric types

Persona 2: The Decisive Deal Closer

Name: Ava
Age: 29
Occupation: Marketing Manager
Traits: Efficient, decisive, busy schedule

Goals:

  • Find specific items that meet feel + style needs

  • Get fast shipping — ideally next-day

  • Spend less time searching, more time wearing

Behavior:

  • Filters by shipping time and size

  • Leaves sites that require too many steps

  • Makes purchase decisions quickly and with confidence

Design Implications:

  • Add optional filters for "ships quickly"

  • Enable precise search form with minimal input

  • Consider labeling top picks with speed icons

🔗 Links & Status

Working within Squarespace’s limitations (low-code, embedded HTML/CSS/JS).

  1. Planning for a future React migration or React-powered widget inside Squarespace.

I’ll now update your document with a new section:

✨ Front-End Architecture & Specs (Squarespace + React) *** Ivy, if there is a better way I am open to your ideas ALWAYS!!!

Current Setup:

  • Platform: Squarespace (custom pages + code injection)

  • Tech Used: HTML, CSS, basic JavaScript (form logic + redirect)

  • Affiliate Integration: Amazon via URL construction with fabricfinder-20

Implementation Notes:

  • All filters (feel, fabric, gender, size, category) are handled through a single search form

  • “Search Now” button redirects to affiliate links (Amazon only at MVP)

  • Squarespace Code Block used to host custom form and logic

  • Responsive styles managed inline or via Design > Custom CSS

Future Migration:

  • Planned enhancement to React for:

    • Dynamic rendering of product cards (via API once approved)

    • Advanced filtering, saved states

    • Support for multiple affiliate networks (Amazon, Shein, Temu)

  • React version may be embedded in Squarespace via:

    • External script (e.g., via <iframe> or <script> tag)

    • Subdomain (e.g., search.getallthefeels.com)

Developer Note:

Use clean, reusable HTML components with accessible naming conventions to ensure ease of transition later to a component-based architecture.

Display results on our site. Only reditrect on sale w affiliate link.
Scre