The design problem
Hearthline is a fictional homeware brand we created for this concept. Its imagined catalog covers several hundred products across furniture, textiles, ceramics, and lighting. Many items come in multiple finishes and sizes.
Catalogs like this commonly run into three issues:
- Collections follow the warehouse, not the shopper. Categories such as "Ceramics" or "Wood" make sense internally, but customers usually shop for a room or a specific need.
- Product pages hide the facts that settle a decision. Dimensions, materials, care, and delivery terms sit in tabs or PDFs, so shoppers email support or leave.
- The cart creates late surprises. Shipping costs and delivery expectations appear only at checkout, which is a common reason for abandoned carts.
Proposed solution
The concept uses a customized Shopify Online Store 2.0 theme rather than a headless build. The brand's needs are content and merchandising, not unusual technical requirements, so a theme keeps editing simple and running costs lower.
Room-first navigation
The main navigation is organized by room: living, kitchen, bedroom, and outdoor. Within each room, filters for material, finish, size, and price are powered by product metafields, so the team can maintain them in the Shopify admin.
Product pages that answer questions
Above the fold, each product page shows the key dimensions, the material, and a plain-language delivery note. Care instructions and returns are in clearly labeled sections rather than hidden tabs. A "pairs well with" block is curated by the merchandising team, not generated at random.
A transparent cart drawer
The cart drawer lets shoppers adjust quantities without leaving the page and explains when shipping will be calculated. It keeps the same visual language as the rest of the store, so the step to checkout feels continuous.
Features demonstrated
- Online Store 2.0 sections and blocks the brand team can rearrange
- Metafield-based filtering and product specifications
- Structured product information designed for both shoppers and search engines
- Cart drawer with editable quantities and clear delivery messaging
- Brand palette and typography tested for accessible contrast
What we would measure
If this were a real engagement, we would agree on a baseline and track measures such as product-page-to-cart rate, filter usage, search exits, and support questions about sizing or delivery. We have not run this concept with real customers, so we make no claims about results.