[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-post-how-to-stay-on-brand-with-UI-customisations-es":3,"es-cms-blog-how-to-stay-on-brand-with-UI-customisations":3},{"title":4,"slug":5,"publishDate":6,"category":7,"body":8,"metaTitle":4,"metaDescription":9,"metaImageAlt":10,"createdAt":11,"updatedAt":12,"publishedAt":13,"locale":14,"coverImage":15,"metaImage":16,"author":17},"Cómo mantener la identidad de marca personalizando la UI","how-to-stay-on-brand-with-UI-customisations","2022-06-23","Motive Features","La **identidad de marca** es más poderosa de lo que solemos creer. Por esta razón, y aunque parece pasar desapercibida para el común de los mortales, todas las empresas -sean del sector que sean- necesitan cuidarla y mantenerla hasta en los detalles más insignificantes. Desde el punto de vista empresarial, esto no es ninguna novedad. De hecho, hace décadas que las compañías dedican buena parte de sus esfuerzos a cuidar esta cara (la cara visible, nunca mejor dicho) de la marca. \n\nAhora, con el auge del comercio electrónico, también es importante mantener esta consistencia en la imagen o **identidad de marca** a lo largo y ancho de la página web. Es fácil conseguirlo si sabes cómo y si tienes en cuenta las posibilidades que ofrece la interfaz de usuario (UI de las siglas en inglés de _user interface_).\n\n## La identidad de marca en eCommerce\n\nCoca-Cola es un buen ejemplo de cómo cuidar la imagen o **identidad de una marca**, incluso cuando echamos la vista atrás. A principios del siglo XX, la multinacional intentó ganar el pulso a los productores de botellas de cristal encargados de envasar la famosa bebida. Y es que, años atrás, el presidente de la compañía les cedió los derechos del envase pensando que nadie iba a comprar Coca-Cola embotellada. Entonces, no se imaginaba que esta forma de consumir el refresco se convertiría en todo un hábito pasados los años. Y cuando el precio de la bebida empezó a encarecerse por el embotellado, la firma tuvo que ingeniárselas para recuperar el poder sobre el coste final (y sobre las botellas que tan bien identificaban la Coca-Cola). \n\nLa multinacional lanzó una campaña publicitaria en Estados Unidos en la que indicaba el único precio al que se podía vender el refresco de cola: cinco centavos. En poco tiempo, consiguió más de lo que se había propuesto: impidió que los productores de botellas siguieran subiendo los costes, reforzó la imagen de marca («La Coca-Cola de verdad cuesta siempre 5c») y mantuvo ese precio durante más de 70 años. \n\n¿Dónde está la relación de esta historia con el actual comercio electrónico? En el poder de la marca, un superpoder que los gestores de las tiendas _online_ pueden (y deben) aprovechar. A la hora de crear y personalizar tu página web, ten en cuenta que la imagen o identidad de marca **es el logo y mucho más**: la apariencia de la tienda, la forma en la que se muestran el catálogo y los precios, la experiencia completa de los compradores mientras la visitan…\n\nAquí te contamos tres claves sobre lo que necesitas saber para mantener tu tienda online siempre acorde con la **identidad de tu marca**.\n\n## 1. Haz que tu tienda parezca tu tienda\n\nLa mayor parte de las plataformas de creación de tiendas online te permiten cargar el logo, la tipografía y los colores corporativos de tu marca. Pero en cuanto el negocio empieza a crecer, lo más probable es que tengas que perder mucho tiempo buscando cómo hacer mejoras sin que la página web se venga abajo.  \n\nUna de las formas de conseguirlo es mediante _plugins_, que ofrecen funcionalidades extra a las tiendas online. Plataformas para eCommerce como Prestashop o Shopify cuentan con una larga lista de estas herramientas para descargar. Entre ellas podemos encontrar **soluciones de búsqueda listas para usar** como [Motive Commerce Search](https://addons.prestashop.com/es/busquedas-filtros/86867-motive-search.html), o _plugins_ que ayudan a agilizar los pagos o los envíos de tu tienda. \n\nPero, a pesar de sus bondades, estos complementos pueden poner en peligro la consistencia de marca. Muchos de ellos ofrecen grandes funcionalidades pero poca capacidad de personalización. Es decir, cuando los compradores llegan a la parte de la tienda _online_ «mejorada» con estos complementos, pueden llegar a creer que ya no están en tu web. ¿Por qué? Porque los colores y las tipografías han cambiado y se han adaptado a los que vienen por defecto en ese _plugin_. Si tu tienda suele usar Helvetica, con el nuevo complemento usará Arial. \n\nPuedes evitarlo y mantener la identidad de tu marca en toda la página web. Solo tienes que asegurarte de que el _plugin_ que implementes te permita incluir tu logo, tus tipografías y los colores corporativos.\n\n## 2. Transmite la esencia de tu marca\n\nLa manera en la que muestras los productos de tu catálogo también forma parte de tu **identidad corporativa**. Piensa, por ejemplo, lo diferente que es echar un ojo a las estanterías en una tienda de ropa de marca a hacerlo en un establecimiento de saldos. Ninguna de las propuestas es mejor que la otra. Todo lo contrario, cada una de ellas proporciona una imagen concreta a los clientes: bien sea encontrar productos de calidad, o conseguir un auténtico chollo. Es decir, tus productos deben mostrarse de acuerdo a la imagen de tu marca. Y esto significa que, en esto, también vas a necesitar cierto nivel de customización. \n\nPor ejemplo, en Motive, nos dimos cuenta de que muchas tiendas de moda querían un catálogo con imágenes a medida y márgenes más pequeños. **Nos aseguramos de añadir esta posibilidad de personalización y conseguir así que las marcas de ropa pudiesen mostrar sus productos como querían**. [Inside Shops](https://inside-shops.com/es/mujer.html?mot_q=jeans) es una de las que ya lo hace gracias a Motive Commerce Search. Otras, como [La Frikilería](https://lafrikileria.com/es/?mot_q=stranger+things&scroll=13163), prefieren mostrar los productos con fotografías más pequeñas. Así, se muestran más en una sola pantalla. \n\nCada tienda tiene diferentes necesidades acordes a su identidad de marca. Y contar con herramientas que permiten este grado de customización es siempre una buena elección.\n\n## 3. Muestra lo que quieres mostrar\n\nUna vez que has conseguido mantener la **identidad de marca** en toda la página web y que tus productos se muestran de manera acorde a ella, puedes entrar en otros detalles como las fichas de producto. \n\nLas fichas de producto son esas imágenes que muestran los productos de tu catálogo cuando el comprador hace una búsqueda. No solo eso, también pueden mostrar el botón «Añadir al carrito», el precio del artículo o, incluso, el descuento aplicado sobre el mismo. Todo depende de los deseos y las necesidades de la marca. Así, poder elegir qué añadir en esas fichas de producto es otra forma de mantener la consistencia de marca durante toda la experiencia de compra. Y una de las claves de la personalización de la interfaz de usuario (UI) que debes perseguir.\n\n## ¿Listo para mejorar la experiencia de marca en tu tienda online?\n\nCada uno de los elementos de tu página web es una parte importante de la experiencia de marca. Como contábamos en la historia de la Coca-Cola, la identidad de marca tiene un poder incalculable y la personalización de la interfaz de usuario puede ayudarte a aprovechar ese poder. \n\nMotive Commerce Search nace con el objetivo de proporcionar a tiendas de todos los tamaños y presupuestos las posibilidades de personalización que sus marcas necesitan. Este plugin permite a los comercios online [customizar la interfaz de usuario](https://motivesupport.zendesk.com/hc/en-gb/articles/4406235114257-Introducing-UI-Customisation) en detalles como las fichas de producto, el tamaño de las imágenes y mucho más. Sin contar la posibilidad de añadir su logo, tipografía y colores corporativos. \n\nSi quieres añadir una experiencia de búsqueda dinámica e intuitiva en tu tienda _online_, [prueba Motive Commerce Search](https://www.motive.co/es/try-motive) gratis durante 30 días y conoce de primera mano todas estas posibilidades de personalización.","Tu marca es un superpoder del que tu tienda puede sacar partido. Y la personalización de la UI (interfaz de usuario) puede ayudarte a conseguirlo.","Mobile phone with hand adding branding customisations (need to translate)  Imagen abstracta de un móvil con una mano añadiendo personalizaciones de marca","2022-09-13T14:46:12.181Z","2022-10-26T13:24:43.567Z","2022-09-13T14:46:34.953Z","es","https://assets.motive.co/cms/how_to_stay_on_brand_with_ui_customisations_cover_f674dce95a.jpeg","https://assets.motive.co/cms/how_to_stay_on_brand_with_ui_customisations_og_ff5cbba849.jpeg",{"fullName":18,"email":19,"jobTitle":20,"createdAt":21,"updatedAt":21},"Leticia Prado","leticiap@motive.co",null,"2022-09-14T11:05:10.397Z"]