Tienda de ejemplo · Concepto
Casa Tecalli — Shopify OS 2.0
Una tienda de ejemplo que armé para mostrar cómo trabajo: pensada para que la marca se sienta cara, el producto se encuentre rápido y comprar desde el celular sea cómodo.
- Proyecto de muestra
- tipo de proyecto
- Shopify Online Store 2.0 · Liquid
- herramientas principales
- 4
- capturas reales del proyecto
01 · El reto
Qué estaba pasando
Contexto
Casa Tecalli es una marca inventada de alimentos premium. La usé para responder una pregunta concreta: ¿qué tanto se puede lograr usando solo lo que Shopify ya trae, sin instalar aplicaciones de terceros?
El problema
Que se vea como una marca cara y al mismo tiempo el dueño pueda editarlo todo desde el panel de Shopify, sin tocar código y sin perderse en el camino al carrito.
Mi parte
La idea, cómo está armado el theme por dentro, el diseño de todas las pantallas y la programación.
02 · Cómo lo resolví
Cómo decidí resolverlo
- 01
Que cada bloque se pueda mover, editar o apagar desde el panel de Shopify.
- 02
Nunca inventar datos: precio, talla y stock salen siempre de Shopify.
- 03
Que funcione igual con el dedo, con teclado, y para quien tiene desactivadas las animaciones.
03 · Lo que hice
Lo que quedó hecho
- Un theme completo, con todas las secciones configurables desde el panel.
- Todas las pantallas: portada, categoría, buscador, producto, carrito, error 404 y tarjeta de regalo.
- Galería de producto, puntos marcados sobre la foto, cuenta regresiva y el flujo de compra.
04 · Gráficos
Los números en gráficos
TEC-NAT
Todo con lo que Shopify ya trae
El concepto responde a una pregunta: hasta dónde se llega sin instalar aplicaciones de terceros.
05 · El producto
Explora el proyecto
01 Serif editorial y promesa directa: un hero que vende sin ruido.
02 Merchandising configurable: badges, KSP y quick-add desde el theme.
03 Sección de oferta editable: urgencia sin depender de apps externas.
04 PLP nativa OS 2.0: orden, estados y datos reales del catálogo.
06 · Cómo quedó
Qué cambió al final
Una tienda que se ve cara sin depender de una sola app externa.
Está lista para cargarle catálogo real: no es una maqueta, funciona.
Lo que no negocié
- Si el dueño no lo puede editar solo, no sirve.
- Cada app que instalas es algo que se puede romper.
- Se diseña para el celular primero.
07 · Tecnología
Con qué está hecho
- ShopifyShopify Online Store 2.0
- ShopifyLiquid
- JSONJSON templates
- CSSCSS
- JavaScriptJavaScript
Más casos
Otros proyectos que puedes revisar
Come VerdeTrabajo con una marca de alimentos en cómo se comunica, dónde se anuncia, cómo vende en Amazon y Mercado Libre y qué parte de ese trabajo puede hacer la IA. La idea es que todo eso se planee junto y no cada área por su lado.Ver el caso
La Carnicería VirtualRevisé una carnicería online de arriba a abajo para encontrar por qué la gente entraba y no compraba. Entregué una lista de arreglos ordenada por cuánto ayuda cada uno a vender.Ver el caso
MIAWSEO — MichitecaUn sitio sobre razas de gatos donde te mueves como en el metro: líneas, estaciones y rutas. La gente puede aportar contenido, pero nada se publica sin revisión. Lo diseñé y lo programé completo.Ver el caso
¿Quieres algo así para tu negocio?
Si tu tienda depende de muchas apps y cada una falla a su manera, se puede resolver con menos.