7. Combinación ideal entre Diseño y
Funcionalidad > Experiencia de usuario
Se trata de encontrar un equilibrio
8. Diseño
• Identidad de marca
• Logo
• Paleta de colores
• Tipografía
• Identidad visual
• Personalidad
• Voz de marca
Funcionalidad
Toda interacción que el cliente tiene con nuestra tienda/web
• Menú
• Filtros
• Páginas de producto
• Carrito
• Checkout
10. ¿Qué es Shopify?
Es una plataforma de comercio electrónico canadiense, nos permite gestionar
• Productos
• Inventario
• Tarifas de envío
• Pedidos
• Newsletter
• Clientes
• Descuentos
• Blog
• Informes
12. Milica es una marca de accesorios dirigida a mujeres de 25 a 35
años que están familiarizadas con las compras online. Los
accesorios son de plata/acero en las categorías de aretes, anillos,
collares y tobilleras.
La mayoría de sus accesorios tienen baño de oro amarillo u oro
rosado. Para el caso de anillos, tienen distintas tallas por modelo
y ese es su diferencial ya que la mayoría de marcas ofrecen solo
anillos regulables. Es muy importante que sus clientes tengan
una guía de tallas para evitar cambios y devoluciones y su
compra sea 100% satisfactoria.
13. Colorimetría Tipografía
Open Sans Light
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
Open Sans Regular
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
Identidad visual
#000000
#FFFFFF
15. Productos
Para tener claridad y orden es recomendable organizar toda la información que vamos a ingresar en
un excel.
• Categoría
• Nombre
• Descripción
• SKU
• Variantes (color, talla, material, etc.)
• Información relacionada al producto (guía de tallas, cuidados, manuales, etc.)
• Inventario
• Precio
17. Color swatch
Sirve para graficar los colores o estampados de nuestros productos mediante un archivo que
debemos cargar. El archivo debe cumplir las siguientes características:
• Todo el nombre en minúsculas
• El nombre no debe contener espacios en blanco, si los hubiese, debemos reemplazarlos por un
guión medio (-)
• Deben medir 100x100px
• El formato debe ser png
18. Metacampos
Usamos metacampos para mostrar información más completa y personalizada de nuestro productos.
Algunos de los tipos disponibles son:
• Texto (1 sola línea)
• Texto (múltiples líneas)
• Páginas
• Productos
• Archivos
Para el caso de Milica, necesitamos mostrar la guía de tallas solo en los anillos. Usaremos un
metacampo del tipo página y ahí pondremos el archivo.
19. ¿Qué son las colecciones?
Cualquier agrupación de productos:
• Tipo de producto
• Marca
• Nombre
• Precio (sale)
• Inventario
• Etc.
Colecciones conceptuales
No tienen una característica en común (las agrupamos por etiquetas)
• Lo nuevo
• Best sellers
Colecciones
20. Secciones con contenido de texto o imagen
• Términos y condiciones
• Política de privacidad
• Guía de tallas
• Cuidados y recomendaciones
Páginas
21. Es la estructura de navegación de nuestra tienda, generalmente tenemos:
• Menú principal
• Menú legal
• Menú atención al cliente
Desde ahí llamamos a colecciones, páginas, etc.
Menú
23. Plantilla
Es la estructura que va a tener nuestra tienda, para la selección correcta debemos considerar los
conceptos previamente revisados:
• Diseño
• Funcionalidad
Para visitar la tienda de plantillas se puede hacer desde este enlace https://themes.shopify.com/
Configuración
En la plantilla hay varias secciones que configurar, en este taller veremos las 2 principales:
• Página de producto
• Home
25. Tarifas
Debemos crear zonas y asignarle a cada una las tarifas que correspondan, tenemos también la opción
de configurar tarifas según los siguientes criterios
• Peso
• Total del pedido
26. Descuentos
Shopify viene de manera nativa con los siguientes tipos de descuento:
• Descuento a un grupo de productos
• Descuento a todo el pedido
• Descuentos condicionales, compra X obtén Y
• Envío gratis
27. Hay muchas más opciones en Shopify, esto solo es una pequeña
muestra de todo lo que se puede hacer.