Sample store · Concept

Casa Tecalli — Shopify OS 2.0

A sample store I built to show how I work: made so the brand feels premium, products are easy to find, and buying from a phone is comfortable.

Casa Tecalli — Shopify OS 2.0 home page
Real screenshot of the project
Sample project
type of project
Shopify Online Store 2.0 · Liquid
main tools
4
real screenshots of the project

01 · The challenge

What was going on

Context

Casa Tecalli is a made-up premium food brand. I used it to answer a concrete question: how far can you get using only what Shopify already gives you, without installing third-party apps?

The problem

Make it look like an expensive brand while the owner can still edit everything from the Shopify panel, without touching code and without anyone losing the path to the cart.

My part

The idea, how the theme is built underneath, the design of every screen, and the code.

02 · How I solved it

How I decided to solve it

  1. 01

    Every block can be moved, edited, or switched off from the Shopify panel.

  2. 02

    Never invent data: price, size, and stock always come from Shopify.

  3. 03

    Works the same with a finger, with a keyboard, and for people who turned animations off.

03 · What I made

What got built

  • A complete theme, with every section configurable from the panel.
  • Every screen: homepage, category, search, product, cart, 404, and gift card.
  • Product gallery, marked points over the photo, countdown, and the purchase flow.

04 · Charts

The numbers as charts

TEC-NAT

Everything from what Shopify already gives you

The concept answers one question: how far you get without installing third-party apps.

  • Shopify data40%

    Price, variant, and stock always come from the store.

  • Theme sections40%

    Every block moves and edits from the panel.

  • Third-party apps0%

    None: every app you install is one more thing that can break.

Qualitative split of theme responsibilities; these are not percentages of code.

06 · How it turned out

What changed in the end

  • A store that looks expensive without depending on a single external app.

  • It is ready for a real catalog: this is not a mockup, it works.

What I would not compromise on

  • If the owner cannot edit it alone, it is no good.
  • Every app you install is one more thing that can break.
  • You design for the phone first.

07 · Technology

What it is made with

  • ShopifyShopify Online Store 2.0
  • ShopifyLiquid
  • JSONJSON templates
  • CSSCSS
  • JavaScriptJavaScript

Want something like this for your business?

If your store depends on many apps and each one fails in its own way, it can be done with fewer.

Write to me