Localizar las plantillas
Qué archivo pinta cada zona.
Guía de construcción
Cómo se rediseña una tienda sin cambiar de plataforma.
La tienda sigue vendiendo mientras cambia de aspecto.
27
plantillas trabajadas
2.700
líneas de CSS
5
hojas antiguas neutralizadas
0
cambios de plataforma
Medido en la copia de trabajo del proyecto real en el que se basa esta guía.
Antes de nada, ¿rediseñar o construir de nuevo?
Rediseña si…
- La tienda ya vende.
- El problema es la imagen.
- Quieres resultados en semanas.
- Tienes buen posicionamiento.
Construye si…
- La plataforma te limita.
- Necesitas funciones propias.
- No controlas la seguridad.
- Integras almacén y ERP.
Tres capas para no pelear con el tema antiguo.
1
Tokens
Colores y tipografías como variables.
2
Una hoja maestra
Un archivo por familia de páginas.
3
Neutralizar lo antiguo
Las hojas viejas se dejan vacías.
Lo que no se puede romper.
Añadir al carrito
Selector de cantidad
Galería y zoom
Variantes
Bloques que cargan aparte
Lógica de precios
Estados de venta
Fase a fase.
Copia y entorno local
Se prueba sin tocar la tienda.
Sistema de diseño
Piezas para todas las páginas.
Ficha de producto
Ficha nueva, compra intacta.
Listados y filtros
Un mismo lenguaje hasta la compra.
Portada y navegación
Toda la tienda con una sola imagen.
Lo que se rompió.
Una tipografía borró parte de los estilos
Arreglo
Las fuentes se cargan en la plantilla.
Dos variantes salían elegidas a la vez
Arreglo
El resaltado sigue el estado real.
Una caja negra enorme ocupaba la ficha
Arreglo
Las ventanas cerradas se ocultan.
¿Tu tienda funciona, pero se ve antigua?
Pásanos la dirección y te decimos qué conviene: rediseñar o construir.