Deep case study

The Heather Style: a custom wardrobe, membership, and shopping-link ecosystem.

Designed and developed a custom platform for a stylist brand that brings together curated outfits, seasonal capsules, affiliate-style shopping links, member-only calendars, and reusable product data.

The Heather Style summer shopping links interface

Project Overview

From styling website to content platform.

The project evolved beyond a traditional fashion website into a lightweight content and commerce ecosystem. Instead of using WooCommerce, the site uses a tailored shopping-link architecture built for stylist recommendations, affiliate links, seasonal capsules, and private member content.

Role + Scope

Design, architecture, and custom development.

The work covered front-end design, WordPress architecture, ACF field planning, custom post types, Elementor query hooks, PHP shortcodes, responsive product cards, dynamic filters, and membership-facing pages.

Core system architecture

A structured backend built for a stylist's real publishing workflow.

01

Custom Outfit Calendar

Monthly outfit calendars, outfit detail pages, previous/next navigation, Outfit of the Day logic, featured image syncing, and protected member access.

02

Relational Product Database

Reusable product entries with images, retailer URLs, store names, prices, colors, categories, styling notes, seasonal grouping, and ACF relationships.

03

Capsule Wardrobe Engine

Custom shortcodes render curated collections with color filters, store filters, category navigation, URL parameter filtering, and automatic grouping.

04

Product Card UI System

Responsive product cards with uniform image framing, store labels, metadata, price display, styling notes, calls to action, and editorial spacing.

05

Membership Infrastructure

Login flows, protected content, private styling calendars, member-only recommendations, and onboarding paths for paid access.

06

Scalable Content Model

New products, outfits, capsules, seasons, calendars, and member experiences can be added without rebuilding page templates.

Technical Highlights

WordPress used as a custom application layer.

The system combines WordPress, Elementor Pro, ACF Pro, custom post types, PHP, custom WordPress queries, shortcodes, CSS Grid, Flexbox, and dynamic filtering to create a lightweight alternative to a traditional ecommerce setup.

  • Elementor query hooks
  • Dynamic month detection
  • Relationship-driven rendering
  • Filter persistence
  • Image fallback systems

Business Value

  • Reduces repeated page-building work for seasonal shopping content.
  • Turns product recommendations into reusable structured content.
  • Supports membership revenue with gated calendars and private content.
  • Keeps the brand experience editorial instead of generic ecommerce.

Overall Result

  • Editorial fashion site.
  • Membership experience.
  • Dynamic wardrobe planner.
  • Curated affiliate shopping platform.
  • Scalable content management system.