Skip to main content
Selected work
Product Design Case Study · 0→1 Product · AI-Enabled Development

HPS Shalom

Designing an interconnected cultural, commerce, and planning ecosystem from the ground up.

HPS Shalom began with a broad product idea: create a warm, modern digital experience around Jewish culture, holidays, family life, planning, editorial content, and commerce. The design challenge was not creating one application. It was determining how multiple products and experiences could coexist without becoming a collection of disconnected features.

Role & Ownership

Founder · Platform Architect · Editorial Systems Lead

Responsibilities

  • Product Vision
  • Product Strategy
  • UX Architecture
  • Information Architecture
  • Interaction Design
  • Visual Direction
  • Design System / Shared Components
  • Commerce UX
  • SaaS / Planner UX
  • CMS UX
  • Accessibility
  • AI-Enabled Product Development
  • Functional Prototyping
  • Implementation Validation
  • Product Iteration

The HPS Shalom homepage: a live holiday countdown, candle-lighting times, and today’s Hebrew date.

01 — The Starting Problem

The idea was larger than a website.

HPS Shalom needed to support several fundamentally different experiences: editorial discovery, seasonal and holiday content, commerce, products and collections, family planning, subscription services, content management, authoring, and account experiences.

The danger was obvious: each new idea could become another isolated feature.

The Core Product Question

How do you build an ecosystem without building a collection of disconnected products?

02 — Making Sense of the Ecosystem

Before designing screens, I needed to define the product boundaries.

Four fundamentally different product areas needed to share one identity: a public editorial experience, a commerce store, a paid planning product, and the content and administration systems behind all three.

HPS Shalom

Product Area

Public Experience

  • Editorial
  • Holidays
  • Cultural content
  • Discovery

Product Area

Store

  • Products
  • Collections
  • Cart
  • Checkout

Paid Subscription

Planner

  • Calendar
  • Meal planning
  • Holiday planning
  • Family profiles

Product Area

CMS / Authoring

  • Editorial management
  • Holiday management
  • Commerce management
  • Plan management

The Store and the Planner are separate products. The Planner is a paid subscription; a Store purchase does not require a Planner membership. The architectural diagram needed to communicate boundaries as clearly as it communicated relationships.

03 — Product Point of View

The experience should feel connected without making everything the same product.

A unified ecosystem does not mean forcing every experience into one workflow. Editorial discovery has different needs from commerce. Commerce has different needs from family planning. The Planner has different expectations from the public cultural experience.

The product needed shared language, components, identity, and navigation while allowing each product area to behave appropriately for its purpose. This became a guiding architectural principle.

04 — Designing the Public Experience

Culture first. Product second.

The public experience needed to be warm, illustrated, family-oriented, seasonal, editorial, culturally grounded, and approachable — supporting discovery without immediately feeling like a SaaS dashboard or a storefront.

Editorial Hierarchy

Traditions told as stories, not reference entries.

Content is organized around the character of the Jewish calendar itself, helping visitors understand not only what a tradition is, but why it matters.

Seasonal Storytelling

Food, memory, and tradition presented as one story.

Recipes connect meals to the celebrations, history, and family memory that surround them, rather than living as an isolated recipe index.

Discovery, Calendar Awareness, and Family Learning

Family learning, structured for every age in the household.

Calendar awareness that stays relevant every day, not only on holidays.

Inclusive design that gives children their own way into the story.

05 — Designing Commerce Without Letting It Take Over

The Store needed to belong to HPS Shalom without defining HPS Shalom.

The Store is a distinct commerce experience: products connected to the traditions they support, presented through the same visual and navigation system as the rest of the platform.

Store

  • Products
  • Collections
  • Categories
  • Variants
  • Color Swatches
  • Size Options
  • Image Galleries
  • Cart
  • Adaptive Checkout

Cultural Experience

vs.

Commerce

HPS Shalom is an editorial and cultural platform first. But it also needed a real commerce experience, connected to the same traditions the content already told stories about.

Resolution

Let commerce participate in the broader visual and navigation system without turning every editorial interaction into a shopping funnel.

06 — The Planner as a Product of Its Own

The Planner needed SaaS-level depth without changing the character of the public experience.

Paid Subscription Product — Separate From the Store

The public HPS Shalom experience is editorial and exploratory. The Planner is task-oriented and persistent. Users need state, accounts, saved information, planning workflows, subscription status, billing, and family context — a different interaction model than the one that serves discovery.

Planner

  • Today
  • Calendar
  • Saved
  • Family Profiles
  • Meal Plans
  • Holiday Plans
  • Wishlists
  • Subscriptions
  • Billing
  • Settings
  • Invite

Shared brand. Different job to be done.

07 — Building the System Underneath It

The more the product grew, the more the shared system mattered.

Shared components and product architecture kept the public experience, Store, Planner, and CMS from drifting apart as each area grew on its own timeline.

Shared Foundations

  • Global Navigation
  • Page Heroes
  • Breadcrumbs
  • Product Cards
  • Forms
  • Buttons
  • Typography
  • Spacing
  • Content Patterns
  • Commerce Components
  • Authentication Patterns
  • Responsive Conventions
  • Accessibility Behavior
  1. Foundations
  2. Shared Components
  3. Product Patterns(Public · Store · Planner · CMS)
  4. Consistent Experience
08 — The CMS and Authoring Problem

A content-rich product needs a system for the people behind the experience too.

The public experience can look simple while requiring real operational structure behind it. Editorial content, holidays, products, and subscription plans all needed management workflows that stayed out of the customer-facing experience.

CMS Capabilities

  • Editorial Framework
  • Holiday Framework
  • Product & Content Management
  • Stripe Plan Management
09 — From Figma to Working Software

The design process stopped ending at the handoff.

Traditional Workflow

DiscoverDesignPrototypeHandoffWait for ImplementationReview

That workflow is not obsolete. It is still the right model for a great deal of product design work. What changed on this project was the distance between a decision and the ability to evaluate it.

AI-Enabled Workflow

  1. Frame

    Define the problem and the product boundaries before any interface exists.

  2. Design

    Structure the experience and interaction model for the specific product area.

  3. Functional Prototype

    Build something that behaves like the real product, not just a static mockup.

  4. Implement

    Move the validated interaction into working, connected software.

  5. Experience It

    Use the actual product to evaluate the decision, not a simulation of it.

  6. Critique

    Judge the result against the product architecture and the intended outcome.

  7. Iterate

    Adjust based on what the working software actually revealed.

The distance between designing the experience and experiencing the design got much shorter.

10 — How I Used AI

AI increased my execution capacity. It did not own the product.

AI-Assisted Work

  • Exploring architecture
  • Evaluating implementation approaches
  • Accelerating functional prototypes
  • Implementing UI
  • Refactoring
  • Testing
  • Finding inconsistencies
  • Reviewing routes and states
  • Analyzing product gaps
  • Supporting accessibility review
  • Generating implementation alternatives
  • Accelerating repetitive development work
  • Helping inspect interconnected systems

AI could generate implementation. I still had to determine whether that implementation belonged in the product.

11 — When AI Output Isn’t Product Design

More output did not automatically mean a better product.

AI-assisted development made it possible to create a large amount of functionality quickly. That created a new design problem: the ability to produce features faster than they could be critically evaluated.

Some generated work could be incomplete, inconsistent, disconnected from the product architecture, visually acceptable but operationally weak, technically present without being genuinely useful, overly generic, redundant, or built on assumptions that needed verification.

Generated ≠ designed.

The designer’s role increasingly included:

An Expanded Role

  • Critique
  • Editing
  • Prioritization
  • Architecture
  • Deletion
  • Consolidation
  • Validation
  • Acceptance

AI made judgment more important, not less.

12 — Certifying the Product

Working software still has to prove that it works.

AI accelerated implementation. It did not remove the discipline of verifying that what got built actually behaves correctly. Routes, authentication, billing, CMS workflows, and commerce paths needed to be exercised deliberately, not assumed correct because they were generated quickly.

  1. Build

    A workflow or product area is implemented against the shared architecture.

  2. Test

    The built experience is exercised against its intended behavior.

  3. Find Issues

    Gaps, inconsistencies, and defects surface under real use.

  4. Fix

    Issues are resolved at the appropriate level: component, pattern, or product area.

  5. Reverify

    The fix is confirmed against the original issue, not assumed correct.

  6. Iterate

    The cycle repeats as the product continues to grow.

13 — Product Decisions & Tradeoffs

Five tensions shaped how the ecosystem came together.

Ecosystem

vs.

Product Boundaries

A connected platform is only valuable if each product area still makes sense on its own terms.

Resolution

Create shared foundations while keeping Store, Planner, editorial, and CMS responsibilities explicit.

Speed

vs.

Coherence

AI-assisted development could produce new functionality quickly, but speed alone does not keep a growing product architecturally coherent.

Resolution

Use AI to accelerate execution while repeatedly returning to product architecture and shared patterns to prevent fragmentation.

Automation

vs.

Judgment

AI could generate a large amount of working implementation. Deciding whether that implementation belonged in the product still required a designer.

Resolution

Let AI handle repetitive implementation and exploration while preserving human responsibility for product decisions and acceptance.

Feature Breadth

vs.

Product Quality

The ability to produce features quickly created pressure to keep everything that got built, whether or not it belonged.

Resolution

Treat removal, consolidation, and refinement as product work rather than assuming generated functionality deserves to remain.

Shared System

vs.

Specialized Experience

Editorial, commerce, planning, and administration are different jobs to be done, even inside one connected ecosystem.

Resolution

Reuse foundations and interaction language without forcing editorial, commerce, Planner, and CMS workflows into identical interfaces.

14 — What I Personally Owned

Product ownership extended beyond the interface.

Product Vision
Product Strategy
Product Architecture
UX Architecture
Information Architecture
Interaction Design
Visual Direction
Shared Component Strategy
Editorial Experience
Commerce UX
Planner UX
CMS UX
Accessibility
AI-Enabled Product Development
Functional Prototyping
Implementation Direction
Product Critique
Validation
Acceptance
Iteration

AI-assisted tools increased the amount of implementation I could explore and evaluate directly, but I remained responsible for the product decisions: what should exist, how it should behave, how the pieces should connect, and whether the resulting experience was good enough to keep.

15 — Outcome & Learning

The biggest change was not the amount I could build. It was how closely design and implementation could operate.

HPS Shalom became an interconnected product ecosystem spanning public editorial experiences, commerce, a paid planning product, CMS workflows, and shared platform foundations.

But the deeper lesson was methodological. AI did not remove the need for product design. It increased the amount of product that could be created quickly enough that product judgment, architecture, critique, and validation became even more important.

AI made it possible to build more. Product design determined what was worth keeping.

The future of product design is not choosing between designing and building. It is staying responsible for the experience across both.

Continue Exploring

Another 0→1 platform, built without AI-assisted development.

VytlOne / Maxor

An enterprise white-label, multi-tenant pharmacy platform. One system, three applications, one designer.

Another problem solved through sole design ownership and a shared component system, this one built entirely through traditional product design methods.

  • Design Systems
  • Sole Ownership
  • Responsive Design