Shopify concept · Storefront
Casa Tecalli — Shopify OS 2.0
A Shopify OS 2.0 theme for a premium brand, designed around flexible merchandising, discovery, and mobile purchase.
- Contribution
- Concept, theme architecture, storefront design, and implementation in Liquid, CSS, and JavaScript.
- Focus
- Shopify Online Store 2.0 · Liquid · JSON templates
Shopify OS 2.0Casa Tecalli
01 / The challenge
Understand the business before designing the solution.
Casa Tecalli explores how a premium food brand can translate narrative, catalog, and confidence signals into a native Shopify architecture.
Create an editable commerce experience that works through the Theme Editor and keeps a clear path from catalog to cart.
02 / The approach
A clear direction for product, experience, and operations.
- 01
Keep every commercial block configurable in Shopify.
- 02
Use native data for product, variants, availability, and cart.
- 03
Design navigation, media, and purchase for keyboard, touch, and reduced motion.
03 / What I delivered
From product judgment to a solution the team can use.
- Online Store 2.0 theme with JSON templates and configurable sections.
- Home, collection, search, PDP, cart, system pages, and gift card.
- Product gallery, hotspots, countdown, and purchase flows.
04 / The product
The experience in context.
05 / Outcome
What the project put in place.
- A native, modular storefront architecture.
- A concept prepared to adapt to real Shopify content and catalog data.
Principles applied
- Native editability.
- Fewer dependencies.
- Mobile purchase as the starting point.
06 / Technology
A stack selected for the solution.
- ShopifyShopify Online Store 2.0
- ShopifyLiquid
- JSONJSON templates
- CSSCSS
- JavaScriptJavaScript
07 / Repos and links
Where to review the project.
Next step