La versión corta
- La marca de una tienda online se reduce a cinco decisiones: un nombre y logotipo tipográfico, un sistema de color, un fondo de producto, dos fuentes y un estilo de anuncios coherente.
- Las tiendas que venden los mismos productos que la competencia dependen más de la marca que la mayoría, porque es lo único que un cliente no encuentra en otro sitio.
- Un pequeño sistema de color con un color de fondo, un acento y un neutro es más fácil de mantener coherente que una paleta grande.
- Poner todos los productos sobre el mismo fondo es la forma más rápida de que una tienda parezca una marca y no un conjunto de fotos de proveedor.
- Los anuncios, las imágenes de producto y las publicaciones en redes deben compartir colores, tipografía y fondo para que el cliente reconozca la tienda donde sea que la vea.
En esta página
La marca de una tienda online es lo que hace que un comprador confíe lo bastante para comprar y la recuerde lo bastante para volver. En la mayoría de tiendas se reduce a cinco decisiones: un nombre con un logotipo tipográfico sencillo, un pequeño sistema de color, un fondo sobre el que se apoya cada producto, una pareja de tipografías y anuncios que siguen las mismas reglas. Las tiendas que venden productos disponibles en otros sitios, como las de dropshipping y de impresión bajo demanda, lo necesitan más, porque la marca es lo único que un competidor no puede copiar del mismo proveedor.
Por qué las tiendas online parecen listados
Un listado es un producto con un precio. Una marca es un punto de vista sobre para quién es el producto. Las tiendas parecen listados cuando usan las fotos del proveedor sobre blanco, un tema gratuito con sus colores por defecto, un logotipo hecho con un icono de banco de imágenes y anuncios que cambian de estilo cada semana. Ninguna de esas decisiones está mal por sí sola. Juntas dicen «aquí nadie tomó decisiones», y los compradores lo notan aunque no sepan explicarlo.
Parece un listado
- Fotos del proveedor sobre blanco liso
- Botones azules por defecto del tema
- Un icono de stock junto al nombre de la tienda
- Cada anuncio con una plantilla distinta
- Títulos de producto repletos de palabras clave
Parece una marca
- Cada producto sobre un único fondo distintivo
- Botones y enlaces en tu color de acento
- Un logotipo tipográfico limpio en una fuente elegida
- Anuncios que comparten una composición y un fondo
- Nombres de producto que una persona diría en voz alta
Paso 1: elige un nombre y un logotipo tipográfico
Una tienda nueva rara vez necesita un símbolo. Un logotipo tipográfico, el nombre de la tienda bien compuesto en una sola fuente, es más claro, se lee mejor en tamaño de favicon y es más difícil de estropear. Elige una fuente con carácter, escribe el nombre con ella, ajusta a ojo el espacio entre letras y para ahí. El diseño de logotipos tipográficos trata el espaciado y el grosor; los fundamentos del diseño de logotipos explica cuándo vale la pena añadir un símbolo más adelante.
Paso 2: elige colores de marca que puedas mantener
Las paletas grandes se deshacen en un mes. Para una tienda bastan tres funciones: un fondo que usan la mayoría de fondos, un acento para botones, precios e insignias de rebajas, y un neutro para el texto. Elige el acento pensando en el contraste, porque irá detrás de las etiquetas de los botones. Cómo elegir los colores de una marca explica el razonamiento.
Paso 3: usa un único fondo para todos los productos
Esta es la decisión que cambia más rápido una tienda. Pon cada producto, fotografiado o recortado, sobre el mismo fondo: un papel de color, un degradado suave, una superficie con textura. La cuadrícula de productos parece al instante cuidada y tus imágenes dejan de parecerse a las de la competencia que vende el mismo artículo. Recorta cada producto una vez como PNG transparente y colócalo después sobre tu fondo. Los fondos para fotos de producto muestra opciones para distintos tipos de producto.
Tamaño
Fondo
Tamaño
Fondo
Tamaño
Fondo
Tamaño
Fondo
Tamaño
Fondo
Paso 4: elige dos tipografías
Una tipografía para titulares y el logotipo tipográfico, otra para todo lo demás. Una serif con carácter y una sans sencilla funcionan en la mayoría de tiendas; dos sans de grosores muy distintos también. Usa la misma pareja en la web, en los anuncios y en los insertos de los paquetes. La combinación de fuentes enumera combinaciones que resisten.
Paso 5: crea anuncios a juego con la tienda
Un comprador que toca un anuncio y llega a una página de otros colores se pregunta si está en el sitio correcto. Los anuncios deben usar el fondo, la tipografía y el acento de la tienda para que el clic se sienta continuo. Prueba productos y titulares distintos, no identidades visuales distintas. El diseño de anuncios de Instagram y el diseño de anuncios de Facebook tratan los formatos.
El anuncio de feed: el fondo de la tienda, la fuente de titulares y un beneficio.
El anuncio de stories: las mismas palabras y el mismo fondo, compuestos para 9:16.
- 1
Anota las reglas
Una página: logotipo tipográfico, colores con códigos hex, fuentes, fondo de producto. Una guía de estilo de marca puede ser así de corta.
- 2
Rehaz primero los diez productos principales
Tus más vendidos son los que más se ven. Ponlos sobre el nuevo fondo antes que nada.
- 3
Actualiza los colores del tema
Botones, enlaces e insignias de rebajas en el acento; texto en el neutro.
- 4
Reconstruye tus anuncios activos
Los mismos productos, un nuevo estilo coherente. Retira todo lo que rompa las reglas.
El kit de marca de Gradiently puede guardar estas reglas por ti: logotipos, paletas, una fuente de títulos y otra de texto, tu voz y tu público. Puede leer la web de tu tienda para rellenar el nombre, el color y el icono de partida. Los diseños se apoyan en un Mark, un fondo degradado con el que solo tú puedes exportar una vez que lo reservas, así que tus publicaciones y anuncios de producto no pueden parecerse a los de nadie más.
Preguntas frecuentes
¿Cómo creo la marca de una tienda de dropshipping?
Construye un logotipo tipográfico, un sistema de tres colores y un único fondo de producto, y sustituye después las fotos del proveedor por tus productos sobre ese fondo. Mantén los anuncios en los mismos colores y tipografía para que la tienda parezca una sola marca.
¿Necesita logotipo una tienda online?
Necesita un nombre reconocible. Un logotipo tipográfico bien compuesto suele bastar para una tienda nueva, y se lee mejor en tamaños pequeños que un símbolo detallado.
¿Cuántos colores de marca debe tener una tienda online?
Tres funciones cubren la mayoría de tiendas: un fondo, un acento para botones y precios y un neutro para el texto. Uno o dos tonos de apoyo están bien si los usas con coherencia.
¿Qué fondo deben tener las fotos de producto?
El mismo para todos los productos. Un fondo de color o textura constante hace que un catálogo parezca cuidado y distingue tus imágenes de las de otros vendedores del mismo artículo.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil