septiembre 28, 2022

Por qué es importante marcar visualmente su tienda Shopify #10

por Veronica Jeans, Shopify Queen & Bestselling Author
Why It Is Important To Visually Brand Your Shopify Store #10 | Veronica Jeans

“La marca es lo que la gente dice de ti cuando no estás en la sala” ~ Jeff Bezos (CEO de Amazon)

En este artículo descubriremos el qué, el cómo y el por qué del branding, en todos sus aspectos. La marca es un tema muy amplio, pero con suerte, con esta información podrá crear una apariencia de marca sólida para su tienda.

Qué esperar en este artículo:

  • Estrategia de marca
  • Crea tu propia marca
  • Marca de su tienda
  • Colores de marca
  • Tu logo
  • icono de favoritos
  • fuentes
  • Imágenes
  • Consistencia de la apariencia de la imagen
  • Tamaños de imagen
  • Altura de las imágenes
  • Fotos de stock o tus propias fotos
  • Imágenes de stock gratis
  • Instrumentos
  • Vídeos
  • Herramientas de imagen
  • Herramientas de vídeo

ESTRATEGIA DE MARCA

¿Por qué necesitas una estrategia de marca?

En pocas palabras, su estrategia de marca ayudará a definir cómo sus clientes ven su negocio y producto. Es averiguar su posicionamiento o "diferencia ganadora" . Lo más importante es lo que le ayuda a destacarse de la competencia y evitar tener que competir en precio.

Desarrollar una estrategia de marca para su tienda de comercio electrónico también es una poderosa técnica de marketing, retención de clientes y lealtad, y es necesaria para cualquier negocio de comercio electrónico nuevo o establecido.

Es importante determinar la estrategia y el posicionamiento de su marca antes de expandirse a otros aspectos de su negocio. De lo contrario, es posible que se encuentre trabajando hacia atrás para intentar que su negocio resuene con los clientes.

Haga que su mensaje sea muy claro, conciso y comprensible para sus clientes tan pronto como lleguen a su tienda.

En este artículo, solo vamos a tratar los conceptos básicos de la marca y la elección de su tema.

Sin embargo, le daré algunos pasos para crear su marca básica para que pueda lanzar su tienda con éxito. Esto te ayudará a establecer cómo quieres que se vea y se sienta tu tienda.

Mi marca ha cambiado desde que comencé y va a cambiar nuevamente en el futuro. Mi punto es, no te preocupes por decidir cómo se verá tu marca ahora. Tome una decisión y comience su tienda. ¡Esto es más importante!

IDEA: ¡Tu marca puede cambiar en cualquier momento, y piensa en ello como un relanzamiento cuando cambias de marca!

Crea tu propia marca

Los conceptos básicos de su marca son el tono de sus colores, el aspecto de su tienda, las fuentes que le gustaría usar y las imágenes que elija.

Es una gran idea crear un guión gráfico de marca para empezar.

Aquí dos ejemplos de un guión gráfico de marca diseñado:

La imagen de abajo la compré en Etsy y la usé durante aproximadamente un año.

Marca de Etsy para la marca Veronica Jeans - Veronica Jeans, consultora de negocios de comercio electrónico y autora más vendida - Shopify Made Easy

El siguiente ejercicio lo ayudará a visualizar cómo se verá y sonará su marca.

Paso 1.

Encuentre de 5 a 10 marcas que le gusten y haga una lista de las partes de su marca que le gusten.

Cosas que desea comenzar a tomar nota a medida que realiza su investigación:

  • ¿Qué colores y fuentes están usando?
  • ¿Tienen un logotipo o solo usan una fuente para el nombre de la marca?
  • ¿Cómo son sus canales de redes sociales?
  • ¿Te sientes conectado personalmente con ellos? ¿Por qué? ¿Cómo?
  • ¿Qué medios utilizan para mostrar sus productos? ¿Audio, vídeo, foto, texto?
  • ¿Cómo se presentan y/o explican su negocio?

Paso 2.

Enumera las características de tus marcas favoritas.

Haz una lista de 10 a 20 palabras que te vienen a la mente cuando piensas en estas marcas.

Recomiendo usar una combinación de sustantivos y adjetivos que aparezcan en tu cabeza en los primeros segundos de mirar sus sitios web, ver sus videos o ver sus perfiles sociales.

Paso 3.

Decide cómo TÚ quieres que se perciba tu marca.

Antes de comenzar a crear un logotipo, elegir las fuentes y los colores o configurar su presencia en línea, debe tener claro cómo desea que las personas perciban su marca.

Ya hemos acelerado este proceso describiendo las marcas que desea emular. Su trabajo en este momento es tomar las mejores características de sus marcas favoritas y comenzar a moldearlas en su propia marca.

Este ejercicio lo beneficiará cuando comience a escribir su historia y descripciones para sus productos.

Paso 4.

Visualiza tu marca.

Ahora puede imaginar cómo se verá su marca. Una vez que haya completado este ejercicio, será más fácil describir su visión a un diseñador.

Solo tú puedes hacer que esto suceda. La mayoría de las veces, si le entregas la decisión de cómo se verá tu marca a otra persona, te sentirás decepcionado porque nunca es lo que imaginaste en tu cabeza.

Ahora puedes ver los colores, la fuente y también saber el sonido de tu tienda que quieres presentar al mundo.

Paso 5.

Aquí hay algunas cosas que necesita preparar y tener listas para personalizar su tema.

  • Colores de marca (4 máx.)
  • Logotipo y icono de favoritos
  • fuentes
  • Fuente del encabezado
  • Fuente del cuerpo

CONSEJO: No use ninguna fuente elegante para el texto de su cuerpo. Todas sus fuentes deben ser legibles en cualquier navegador. Asegúrate de probar tus fuentes en una página para ver cómo se verá. Es más fácil mantener las fuentes básicas normales.

Si no sabe nada acerca de la marca y necesita ayuda, hay varias maneras de hacer algo barato pero con una buena relación calidad-precio.

La ruta barata sería Etsy. Hay bastantes empresas de branding que crearán un paquete de branding rápido. Incluido estaría su logotipo (o un par de opciones), sus colores y también fuentes.

He trabajado con algunas agencias geniales que hacen paquetes de marca increíbles que no arruinarán el banco, pero podrás trabajar con ellos. Habrá más oportunidades de hacer cambios para conseguir realmente lo que quieres.

Marca de su tienda

Ahora que tiene una idea de cómo quiere que su negocio se vea, se sienta y suene, puede comenzar a juntar sus ideas.

Colores de marca

Aquí hay un excelente artículo sobre los colores para su tienda:

Bueno, las opciones de color en su sitio web, y qué tan anticuadas se sienten, tienen un mayor impacto en los visitantes de lo que podría darse cuenta.

De hecho, la investigación muestra que las personas juzgan los productos dentro de los 90 segundos posteriores a la exposición, y el 90% de ese juicio se basa solo en el color. Elegir los colores correctos puede mejorar la legibilidad en un 40 %, aumentar la comprensión en un 73 % y mejorar el aprendizaje en un 78 %.

Los colores son uno de los elementos más importantes que agregan credibilidad a su sitio web. Según HubSpot, el 46 % de las personas considera que el diseño de un sitio web es el factor número uno para determinar la credibilidad de una empresa.

Brote rápido dice: “La Universidad de Toronto realizó un interesante estudio sobre los colores y cómo los perciben las personas. Los resultados fueron muy intrigantes. Determinaron que la mayoría de las personas prefieren combinaciones de colores simples. En la mayoría de los casos, solo dos o tres colores se percibieron como atractivos. Es por eso que apegarse a una paleta de colores es tan importante para el éxito de su sitio y, en última instancia, de su negocio”.

Cuatro (4) colores diferentes en su paleta de colores es probablemente el máximo para su sitio web. Si está usando más colores, use los tonos de los mismos colores que los 3 o 4 colores principales. Los colores deben usarse como acentos y también para enfatizar.

Diviértete eligiendo.

Tu logo

Diseñando el Logo de Marca más efectivo:

  1. En primer lugar, el aspecto más importante de su sitio web no es su logotipo, es su mensaje . Como comprador, no estoy interesado en su logotipo. Estoy interesado en lo que se trata. Y su mensaje debe estar en sus imágenes principales o imágenes deslizantes: las imágenes principales en la parte superior de nuestra página de inicio.
  1. Mantenga su logotipo simple. Su logotipo debe ser claro en el móvil, así que trate de resistirse a agregar su eslogan debajo del logotipo.
  2. No agregue demasiados detalles o texto en su logotipo. La efectividad de su logotipo se perderá en su sitio web/tienda o dispositivo móvil. Incluso si imprime el logotipo en su tarjeta de presentación, no podrá ver los detalles.
  1. Cree diferentes variaciones de su logotipo: un logotipo cuadrado para sus perfiles en las redes sociales y un logotipo horizontal para su sitio web/tienda.

Normalmente experimento con diferentes tamaños y veo qué tamaño de logotipo se ve mejor visualmente

  1. Mantenga su logotipo simple.
  1. La medida ideal del logo de tu tienda la encuentras en tu tema bajo 'Personalización'.

icono de favoritos

¿Qué es el favicon? ¿Y por qué necesitamos un favicon?

Wikipedia dice:

“Un favicon, también conocido como ícono de acceso directo, ícono de sitio web, ícono de pestaña, ícono de URL o ícono de marcador, es un archivo que contiene uno o más íconos pequeños, asociados con un sitio web o página web en particular”.

¿Dónde ves el favicon?

El pequeño logotipo en la pestaña del navegador cuando abre el sitio web y puede verlo en la pestaña del navegador.

Simplemente personaliza su sitio web/tienda y realmente se ve profesional y es táctico. Entonces, si alguien marca su sitio web como favorito, su mini logo también se marcará como favorito.

Paso 1.

El tamaño de la imagen tiene que ser de 32 x 32 píxeles. Crea un PNG (lo que significa que el fondo es transparente). No agregue demasiada información en esta imagen.

Reduzca su logotipo a los detalles esenciales y pruébelo en su tienda. Compruébelo en otros sitios web y vea cómo se ve.

Paso 2.

Agregue la imagen a su configuración de personalización. La imagen de favicon se agregará automáticamente a la pestaña del navegador.

fuentes

CONSEJO: No sea demasiado elegante o drásticamente artístico con sus fuentes. Hay varias razones para ello. El problema principal es la legibilidad. Haz que sea lo más agradable posible a la vista. Recuerde, cuando lea la fuente (elegante) en un dispositivo móvil, será realmente difícil de leer.

Fuentes a evitar: Cursiva, curls o New Roman (esto se ve bien en papel pero no en la web). Prueba las fuentes con amigos y familiares :)

Use la jerarquía del tamaño de sus fuentes en su editor: H1, H2, H3, H4... etc. Puede usar varios encabezados, solo asegúrese de usarlos en el orden correcto.

Por ejemplo:

Títulos = H1

Subtítulos = H2

Título pequeño = H3

Título más pequeño = H4

IMÁGENES

¡Los clientes no pueden sentir, tocar ni oler sus productos!

Así que tienes que presentar las mejores fotos para disparar su imaginación y hacer que quieran comprar tus productos.

Se trata de sus imágenes, que deben ser brillantes y hermosas.

Aquí hay algunos pequeños datos:

El 60% de las personas interactúan con las fotos.

El 90% de la información se transmite a nuestro cerebro de forma visual.

El 93% de los consumidores considera que las imágenes son fundamentales en sus decisiones de compra.

No es necesario que los haga un profesional a menos que esté vendiendo comida o fotos de moda. Entonces te sugiero que hagas tus fotos profesionalmente si vendes comida o moda porque si tomas tus propias fotos de comida nunca se verá tan bien como las fotos profesionales y estarás agradecido de haber hecho el esfuerzo de conseguir un fotógrafo profesional.

Ejemplos:

Fotos profesionales

Fotos de productos

Que tiene de malo esta imagen:

  1. Teléfono móvil antiguo con ajustes incorrectos.
  2. Mala iluminación.
  3. Imágenes de estilo de vida no pensadas.

Recuerde que las personas no pueden oler ni saborear sus productos, por lo que debe intentar que sus imágenes se vean increíblemente sabrosas y listas para comer. ¡Haz que sientan hambre!

Aquí hay algunos consejos para crear sus fotos de productos:

  1. El producto debe estar en el centro de su imagen, sin demasiado fondo. Desea que su producto sobresalga de la imagen.
  2. Todas las imágenes de sus productos deben tener un tamaño uniforme en su tienda. Lo que quiero decir con eso es, imágenes altas o imágenes cuadradas (retrato o paisaje). Sugeriría fotos cuadradas a menos que estés haciendo fotos de moda, pero es tu elección. No hay nada peor que ir a la tienda del sitio web y las imágenes son de diferentes tamaños. Realmente parece que no te importa.
  3. Las imágenes tienen que ser brillantes y hermosas y contar una historia, especialmente si estás haciendo imágenes de estilo de vida.
  4. Puede crear sus propias fotos de productos con un teléfono móvil. La mayoría de los teléfonos móviles en estos días toman fotos increíbles. Asegúrese de que su teléfono móvil esté configurado en la función RAW.
  5. Tome su foto en las horas de luz solar pero no bajo la luz solar directa. Encuentre una gran ventana con buena luz (sol) desde el exterior, un sol brillante y agradable. La luz de la mañana es la mejor para tomar fotos de tus productos.
  6. Puede que tenga que aclarar un poco las fotos, pero en general, las fotos serán buenas. Si no puede hacer la edición usted mismo, le sugiero que pruebe Pixelz.com y mejorarán su foto durante la noche.
  7. Sus fotos deben tener una resolución baja (para un sitio web): al menos una resolución de 70 PPI. ¿La razón? Su sitio web se cargará más rápido, especialmente cuando se ve en un teléfono móvil.

CONSEJO : “ No utilice imágenes de tamaño pequeño y amplíelas. Especialmente si copia imágenes del sitio web o si su teléfono no toma imágenes grandes (la configuración de su teléfono debe cambiarse cuando toma fotos decentes). La imagen estará pixelada (muy granulada), lo que significa que la imagen no será clara cuando la vea en su computadora. ¡Si sus imágenes son granulosas, definitivamente no causan una buena impresión!”

  1. Hay muchas aplicaciones de teléfonos móviles para editar y manipular fotos. Pruébelos y vea cuáles le gusta usar.
  2. Asegúrese de que las imágenes de su sitio web/tienda se vean increíbles en un teléfono móvil/celular.

Consistencia de la apariencia de la imagen

Trate de mantener el aspecto de su tienda consistente. Si está mostrando imágenes sobre un fondo blanco o de color, asegúrese de que todas sus primeras imágenes sean iguales.

Si desea que las imágenes de estilo de vida sean su primera mirada, mantenga ese estilo de imagen en la primera imagen que se muestra.

Tamaños de imagen

Sugerencias para los tamaños de las imágenes:

Shopify:

Imágenes de productos - 1000x1000 píxeles. O si tiene imágenes largas (horizontales), 'ancho' x 1000 px.

¿Por qué menciono 1000 píxeles? Es un requisito de Amazon, por lo que vale la pena crear sus imágenes solo una vez si desea agregar sus imágenes a Amazon.

Fotos destacadas , controles deslizantes o fotos panorámicas en la parte superior de sus páginas:

Tamaño: 1600x600

Este es un buen tamaño si desea llenar toda la ventana del navegador.

Imágenes de la colección:

Tamaño: 480x480 píxeles

Sus imágenes cambiarán de tamaño a las colecciones que tiene en una fila.

Si desea que las imágenes de su colección se muestren como pancartas, cambiarán de tamaño en consecuencia. Solo tenga en cuenta esto y asegúrese de que sus imágenes se presenten de la manera que desea.

Amazonas:

El tamaño de la imagen principal será de 1000x1000 píxeles y fondo blanco.

También puede agregar fotos de estilo de vida como imágenes adicionales.

Agregue algunos videos para realmente causar una buena impresión con sus clientes.

Altura de las imágenes

La altura de las imágenes puede variar para que coincida con el aspecto visual que desea lograr en su tienda.

Por ejemplo:

Si quieres imágenes altas.

O si quieres imágenes cuadradas.

O imágenes rectangulares.

Simplemente mantenga todas las imágenes del mismo tamaño en toda su tienda.

Esto es lo que no debe hacer con sus imágenes:

Tome una decisión al comienzo de la creación de su sitio web. Decida el tamaño de sus imágenes, el aspecto de sus imágenes y el estilo de sus imágenes. Cree un tamaño personalizado en Canva.com o software fotográfico y mantenga la coherencia.

CONSEJO: Mantenga la resolución de su imagen baja. Desea disminuir la velocidad de descarga de su sitio web al mínimo y mantener la resolución baja para sus imágenes ayudará.

HECHO: el 76% o más de los compradores compran en su teléfono móvil antes de ingresar a su sitio web para comprar artículos desde una computadora de escritorio o iPad.

Nada de esto debería ser una sorpresa. La próxima vez que salgas en público, tómate un momento para mirar a tu alrededor y observar a tus semejantes. Ya sea que esté en el metro, en una cafetería o simplemente caminando por la calle, no tardará mucho en notar un patrón: prácticamente todo el mundo está en sus teléfonos móviles.

¿Por qué necesita optimizar para teléfonos móviles?

Piense en este escenario -

Las personas están en la oficina trabajando cuando buscan productos para comprar. Imagínese que están en su hora de almuerzo navegando por la web en busca de cosas para romper la monotonía. Están revisando cosas en sus teléfonos móviles. Luego, cuando están listos, saltan al escritorio para comprar.

Fotos de stock o tus propias fotos

Siempre es mejor tener tus propias fotos para imágenes de productos, banners o colecciones.

Las fotos de stock parecen fotos de stock. Y te garantizamos que si usas fotos de stock gratuitas, alguien más también las tendrá.

Si desea que su marca se destaque, asegúrese de que sus fotos sean increíbles y personales. Sé que si está vendiendo otros proveedores y marcas, eso no siempre es posible. Pero trata de personalizar tu tienda tanto como puedas con tus propias imágenes.

CONSEJO: No copie imágenes en línea porque las fotos/imágenes podrían tener derechos de autor. Si engancha una imagen con derechos de autor, puede ser demandado por daños y perjuicios.

HECHO: Le sucedió a uno de mis clientes que tiene una tienda de rompecabezas personalizados: estaba mostrando el trabajo de un fotógrafo como uno de sus rompecabezas fotográficos. ¡Le costó $ 5000 solo por violar una foto!

Imágenes de archivo GRATIS

Fotos/Gráficos ¡Hermosas y gratuitas fotos de archivo para usar dentro de su tienda!

Si desea utilizar fotos de archivo gratuitas, estos son los sitios web realmente buenos que ofrecen fotos de archivo gratuitas. Asegúrese de que puede utilizar las imágenes para uso comercial.

Sitios web para buscar imágenes gratuitas:

Unsplash

Inicio Fotos

Nuevas acciones de edad

Wikimedia Commons

súper famoso

Pequeñas imágenes

muerte, a, el Colección de foto

pexels

pixabay

Compressor.io

Estallido de Shopify

Hay un truco para conseguir imágenes de Google gratis

https://images.google.com/

Vaya a 'Configuración' y haga clic en 'Búsqueda avanzada'

Decide qué tipo de imágenes estás buscando (donde ves el texto 'imágenes gratuitas') y elige el menú desplegable 'derechos de uso'. Use 'libre de usar, compartir o modificar, incluso comercialmente'. Busca tus fotos gratis. Siempre asegúrese de verificar si tienen derechos de autor sobre las fotos antes de usar las imágenes.

VÍDEOS

¿Por qué son tan importantes los vídeos?

  • Los videos mantienen a las personas en su sitio web más tiempo e interactuando con su contenido.
  • Las personas trabajan con personas que conocen, y el video ayuda a las personas a conocerte, gustarte y confiar en ti.
  • Los videos mantienen a su audiencia interesada, sin importar su producto o servicio.
  • Los videos son rápidos y convenientes.

Pero la conclusión es que desde que comenzó la industria del cine, la gente está fascinada con las imágenes en movimiento. Si una imagen no los detiene para mirar, un video definitivamente despertará su interés.

Los videos en estos días son muy fáciles de grabar. Si tienes un buen teléfono móvil, ya puedes grabar tus propios videos.

¿Sabías?

  • El 80% de los consumidores prefieren ver videos en vivo de una marca que leer un blog. (Fuente: transmisión en vivo)
  • El 63% de las personas de 18 a 34 años ven contenido de transmisión en vivo con regularidad. (Fuente: Neil Patel)

hubspot dice:

“El video puede hacer crecer su negocio un 49 por ciento más rápido, según Hubspot, y tendrá un alcance 10 veces mayor si carga su video nativo en Facebook en lugar de un enlace de YouTube. Y crea una relación más profunda con sus clientes y espectadores”.

Aquí hay 7 formas de usar videos en tu tienda Shopify:

  1. Descripción del Producto
  2. Testimonio del cliente
  3. Vídeo de estilo de vida
  4. Cómo usar su producto
  5. Vídeos detrás de cámaras
  6. Ingredientes del producto
  7. Un video de 'Gracias' en su página de agradecimiento después del pago.

Una vez que tenga algunos videos, aquí hay algunos pasos sobre dónde agregar sus videos.

Paso 1.

Cree un video o un video de Facebook Live sobre:

  • Las novedades de tu negocio,

  • Novedades en tu negocio,

  • Vídeos detrás de cámaras.

Sube el video a Facebook, YouTube, LinkedIn o Instagram. Una vez hecho esto, descargue el código de inserción para agregar el video a su blog en Shopify.

Paso 2.

Crea una en Vimeo o Wistia.

Cargue su video y personalice sus herramientas de video en 'Incrustar' en Vimeo/Wisteria. Copie el código de inserción de Vimeo y agréguelo a la página de su producto o donde necesite el video en su tienda Shopify.

¿Por qué Vimeo y no YouTube?

YouTube es excelente para difundir las noticias de su negocio y es importante tener un canal de YouTube. Pero Vimeo no tiene publicidad y puedes controlar lo que ven los clientes mientras miran el video. Puede controlar incluso después de que terminaron de ver el video.

Paso 3.

Cómo y dónde reutilizar tus videos.

  • Usa tu video en las redes sociales. Puede mejorar su video con su logotipo y agregar texto usando Wave.video o Animoto o puede usar el software en su teléfono o computadora.
  • Sube tu video a Facebook/Instagram y vincúlalo a tu tienda.
  • Agregue el video a YouTube y tenga enlaces en la descripción a su tienda.
  • Use el video en un blog y cree un artículo a partir del contenido del video.
  • Publique el video en Google My Business y vincúlelo a su sitio web.

Paso 4.

Si crea un video de agradecimiento, agréguelo a la 'Notificación de pedido' en Shopify y también agregue el video a su página de agradecimiento a través de una aplicación - Video de pago.

Obviamente, puede tener un video creado profesionalmente, pero obviamente costará más. Esta es una forma más económica de crear más conciencia de su tienda y sus productos.

PUNTAS:

  • Los videos para las redes sociales deben ser cortos. Instagram es un máximo de 1 minuto y en Facebook, puedes hacerlo todo el tiempo que quieras. Lo recomendado para 2020 por Facebook es mantenerlo por debajo de los 15 segundos. Sé que suena muy corto, pero recuerde que la capacidad de atención de la mayoría de las personas es corta y no verán el video completo.

  • El video para la página de su producto o cualquier video en su tienda debe durar entre 10 y 15 segundos. Solo use videos de formato corto.
  • Cubriré más sobre videos y grandes ideas en mi próximo libro: 'Optimiza tu tienda Shopify'.

    Mire en mi página de negocios de Facebook para ver un anuncio.

    HERRAMIENTAS DE IMAGEN

    Canva.com es un excelente creador de imágenes y gratuito. También puede actualizar para obtener más capacidades, pero la versión gratuita es excelente.

    Pixelz.com mejorará tu foto de la noche a la mañana. Los he estado usando durante años. El costo de editar sus fotos es increíblemente bajo.

    HERRAMIENTAS DE VÍDEO

    Herramientas para crear sus videos con sus videos o puede usar imágenes para crear un video.

    Wave.video

    Animoto

    Si quieres herramientas de video con más control:

    Computadora Mac: iMovie, flujo de pantalla

    Computadora PC - Camtasia, etc.

    RECURSOS

    Aquí hay un gran artículo sobre software libre y software freemium:

    https://www.tomsguide.com/us/best-free-video-editing-software,review-5301.html

    Más herramientas en mi sitio web:

    https://veronicajeans.com/pages/jumpstart-method-tools

    Aquí hay un gran artículo para leer:

    https://pixelunion.net/blogs/state-of-the-union/mobile-ecommerce-stats

    ¿Lo que sigue?

    En el próximo artículo, crearemos tus colecciones en Shopify.

    How To Launch Your Shopify Store Shopify 101 - Steps & Tricks ‘Shopify Made Easy’