La noche del 20 de junio pudimos recoger dos trofeos:

• Aspid de Plata a la Mejor Obra en eSalud: Un galardón que premia la innovación y efectividad de nuestra aplicación en el ámbito de la salud digital.
  
• Aspid a Gamificación en Salud: Reconociendo nuestra capacidad para utilizar técnicas de gamificación para educar y comprometer a los usuarios de una manera efectiva y entretenida.

Nuestra propuesta: Uriach Virtual Experience

En colaboración con Uriach, desarrollamos la Uriach Virtual Experience, una aplicación de realidad virtual diseñada para suplir la necesidad divulgativa de la empresa acerca de su rica historia. Antes de la pandemia, Uriach contaba con un museo físico en sus instalaciones de Palau, donde se mostraba la evolución de la compañía desde sus inicios. Sin embargo, tras un traslado de oficinas, el museo fue deshabilitado.

Nuestra solución fue crear una experiencia virtual que permitiera a los usuarios «entrar» en la historia de Uriach de una manera inmersiva. La aplicación permite visitar la primera droguería que la familia Uriach abrió frente a Santa María del Mar y participar en la formulación de fórmulas magistrales, así como explorar el primer laboratorio inaugurado en Barcelona y contribuir en la creación de una molécula propia. Además, desarrollamos un nivel especial que, a través de la gamificación, muestra los retos futuros de la empresa.

Estrategia y Desarrollo

La estrategia detrás de la Uriach Virtual Experience fue crear una aplicación totalmente inmersiva que transmitiera los valores fundamentales de la empresa y educara sobre sus hitos históricos. Se utilizó un storytelling basado en las necesidades comunicativas del cliente, asegurando que cada interacción estuviera alineada con la intención de Uriach. La aplicación pasó por más de 40 iteraciones, perfeccionando detalles y asegurando la accesibilidad para todo tipo de usuarios.

Para mejorar la experiencia, incorporamos un tutorial inicial de uso de realidad virtual y añadimos un robot como mascota narradora, guiando a los usuarios a lo largo de la experiencia. Este enfoque garantizó que la narrativa se mantuviera fluida y que los usuarios pudieran concentrarse en la historia.

Sobre los Premios Aspid

Los Premios Aspid se han establecido desde 1997 como un referente en la industria creativa farmacéutica y de la salud en España. Con el objetivo de destacar y premiar las mejores campañas publicitarias, estos galardones miden el nivel profesional y la innovación dentro del sector. A lo largo de los años, las categorías han evolucionado para incluir el uso de nuevas tecnologías y fomentar la competitividad, la calidad y la ética en la comunicación healthcare.

En la última edición, los premios se abrieron a Latinoamérica, incluyendo países de habla no hispana como Brasil y Portugal, ampliando así su prestigio y alcance. Este reconocimiento no solo aumenta la reputación de las agencias y laboratorios premiados, sino que también sirve como incentivo para continuar trabajando con excelencia creativa en toda la región iberoamericana.

La entrada Celebrando el Éxito en los Premios Aspid 2024: OHMM se Lleva Dos Galardones se publicó primero en OHMM.

Cada año, nos ponemos “las zapatillas” y acompañamos a RPM- Sports en esta fantástica carrera, eso sí, desde detrás de las pantallas: programando, diseñando y gestionando. 

Un año antes de la pandemia salió a concurso la gestión de la carrera y fuimos de la mano de RPM-Sports a presentar nuestra propuesta con un plan y prototipado Hi-Fi.

Ganamos el concurso del Ayuntamiento de Barcelona y empezamos los preparativos, pero al tener una pandemia por medio todo se paró hasta que hace unos meses retomamos con fuerzas el proyecto. ¡La Zurich Marató Barcelona 2021 se podría correr! 

Necesitábamos poder empezar las campañas de lanzamiento e inscripciones por lo que con la metodología Kanban, que divide el proyecto en pequeños ciclos con resultados rápidos, nos permitió reducir el tiempo de desarrollo y publicación. Logrando tener un MVP de la web en tiempo récord. 

Cocreando la mejor solución

Ante esta nueva situación, aplicamos la metodología Kanban, trabajando en pequeños ciclos iterativos, con entregas de producto funcionales. En cada fase, se trabajó un objetivo y/o sección de la web, tanto a nivel de diseño como de desarrollo. De este modo pudieron “trabajar en paralelo” los diferentes departamentos mostrando el producto funcionando y listo para validación en un periodo muy corto de tiempo.

Un arquitectura adaptada a las necesidades

A nivel técnico, teníamos que pensar en una arquitectura altamente escalable e iterable, para poder adaptarnos a las necesidades de la carrera en cada periodo del año. Especialmente los días próximos y posteriores a la carrera. Además, desde RPM Sports debían de poder modificar todo el contenido y ser altamente autónomos.

Nuestro desafío venía marcado por los requerimientos del concurso del Ayuntamiento de Barcelona que definió los grandes bloques: Soy Corredor, Soy Cuidadano, Sor Seguidor.

Debíamos diseñar un journey pensado para cada una de las protopersonas, para cubrir sus expectativas y que pudiesen encontrar rápidamente la información que buscaban.

Para asegurarnos que la arquitectura tenía sentido diseñamos un primer prototipo con todos los posibles flujos y tras los resultados pudimos iterar en todos los ámbitos de Ux y Ui. Nuestro secreto ha sido analizar los datos de analítica y las opiniones de los usuarios para poder crear insights de valor y aplicarlos en la nueva web.

¿El reto? Mejorar los resultados

Tras analizar estos datos observamos que nuestros usuarios tienen un journey más eficaz y consiguen encontrar lo que quieren rápidamente. Junto con las mejoras de SEO aplicadas la nueva web ha conseguido un mejor posicionamiento y autoridad en los rankings de Google.

La entrada ¡Este año, si corres, ya has ganado! se publicó primero en OHMM.

Optimiza el camino de los usuarios hacia los productos al proporcionar información clara y diferenciada del producto en todos los niveles, desde la página de inicio hasta las páginas de la lista de productos.

El año pasado, el 74% de los internautas declaramos comprar semanal o mensualmente por Internet pero para ello necesitamos comprender lo que nos vende la tienda online y encontrar el artículo que nos interese. 

A veces sabemos lo que queremos y vamos directamente a buscarlo, pero otras veces, solo conocemos la necesidad que tenemos y esperamos encontrar el producto que buscamos navegando por la tienda online. Para ello es especialmente importante que las páginas de inicio, las páginas de categorías y las páginas de listado de productos estén bien definidas y nos ofrezcan información relevante o inspiración para encontrar lo que buscamos. Es decir, que nos aporten un valor añadido y una mejor experiencia de navegación.

Las páginas principales o homes son la primera presentación del comercio y la gama de productos o servicios vendidos. Las páginas de categorías y las páginas de listados de productos son páginas de nivel medio dentro de la tienda online; introducen agrupaciones de productos y elementos dentro de esas agrupaciones, respectivamente. 

El camino a los productos debe diseñarse cuidadosamente para transmitir las diferencias entre las diversas categorías de productos y entre los productos individuales. Y así ayudarnos a encontrar el artículo que mejor se adapte a lo que buscamos. Por otro lado, también tenemos que diseñar para los usuarios que acceden a nuestra tienda online desde un motor de búsqueda externo y que, seguramente entrarán directamente a una página de categoría o a un producto específico. 

Estas páginas de nivel intermedio pueden tener un excelente rendimiento de SEO, que es una razón más para preocuparnos por la experiencia de usuario. Además de su importancia para la navegación dentro del sitio web. Una buena práctica es hacer que la url sea legible y que, como usuarios, podamos leerla cómodamente; así como incluir la palabra clave. Lo ideal es que el enlace y el título del producto vayan en armonía. 

Home: una página informativa que nos ayude a reconocer y recordar la marca

La página de inicio, o home, es nuestra presentación online, y sería el equivalente al escaparate físico de nuestro negocio.  

Aunque parezca obvio, a veces olvidamos que el logotipo es nuestro aliado para ubicar y atraer a nuestros compradores. Para ello debemos colocarlo en un lugar visible: ya sea en la esquina superior izquierda, como en la mayoría de las tiendas de comercio electrónico, o en el centro del menú superior. Además, podemos combinarlo con un baseline que refuerce la identidad de marca y ayude al usuario a sumergirse en el “universo de nuestra tienda”.

Una vez presentada nuestra identidad, debemos estar seguros que comunicamos quién somos, en qué nos diferenciamos y qué vendemos, destacando las principales ofertas que tenemos y permitiendo que los usuarios comiencen a comprar. La clave es conseguir presentarnos de manera clara y concisa, pero sin saturar al usuario. Generalmente, cuantos más productos mostremos en la home menos valor tendrán. Hay que encontrar el equilibrio de querer mostrar mucho y conseguir enseñar lo principal sin llegar a una sobreexposición. 

El buscador principal es otro de nuestros grandes aliados ya que nos permitirá acceder directamente a productos que ya conocemos. Debemos colocarlo en el encabezado o header de toda la tienda, con un estilo claro y destacado junto con un botón de “buscar”, en lugar de solo un pequeño icono, especialmente en la página principal. Los buscadores livesearch y autocompletables son cada día más necesarios en todo ecommerce para facilitar la experiencia de usuario. 

Otro elemento esencial que estará presente en todo el proceso es el carrito de la compra.

Su función es dar una visión general del proceso de compra en curso, especificar cuántos artículos hay actualmente en el carrito y cuánto cuestan. La mayoría de las tiendas de comercio electrónico colocan el icono de carrito en la parte superior derecha de la página. 

Las categorías, nuestros referentes de organización de producto

La estructuración de las categorías, así como las otras opciones de navegación que deben ser claras, con etiquetas que tengan sentido para los usuarios por sí mismas para que los usuarios podamos ser capaces de comprender rápidamente dónde está lo que buscamos y decidir dónde hacer clic. 

Si tenemos espacio debemos aprovechar la barra de navegación principal para mostrar a los usuarios qué categorías de productos tenemos, en lugar de simplemente agrupar todo bajo un único enlace de tienda fácil de pasar por alto. Cuanto más desglosada/organizada  sea la búsqueda más fácil será encontrar lo que buscamos y mejor experiencia de usuario ofreceremos.

A veces es difícil adivinar la lógica de agrupación que tenemos los usuarios por lo que para admitir las múltiples formas en que las personas navegan por los productos, una polijerararquía puede mejorar la capacidad de búsqueda al permitir que ciertos artículos existan en más de una categoría.

Ayuda al usuario a encontrar el producto usando subcategorías y filtros

Desde hace años, los diseñadores hemos estado muy pendientes de facilitar las compras y, para ello, de intentar que los usuarios no tengamos que hacer más de tres clicks para llegar al producto deseado. Quizás por ello hay una tendencia a evitar las páginas tradicionales de categorías de producto antes de presentar productos individuales y a aumentar las páginas con listados de productos (a los que además, aplicamos filtros para afinar la búsqueda). 

Esta tendencia de diseño tiende a destacar las subcategorías disponibles en un espacio separado de otros filtros más comunes como tallas, es decir, en bloques visualmente diferentes. Esta práctica aumenta la capacidad de detección de las subcategorías, es decir, dirige nuestra mirada y nos ayuda a seguir navegando hacia el producto que nos interesa, evitando así la sobrecarga de opciones. 

Por supuesto, la organización y la toma de decisiones que hagamos será en base al inventario que tengamos. Algunos sitios como Target muestran una página de categorías más tradicional con links a las subcategorías disponibles y, en la parte inferior, los filtros y los productos individualmente con acceso directo, minimizando así el número de clicks.

Por otro lado, otros sitios como Zalando prefieren una presentación más rápida del producto final, con navegación de subcategoría en el lateral y filtros en la parte superior del listado de productos.

Diferenciar la información del producto desde el listado.

Otro cambio importante a la hora de diseñar las páginas de listado de productos es la cantidad de información que vamos a mostrar. Cada vez los usuarios somos más exigentes y estamos más cómodos navegando por la web. Antes de realizar la compra nos gusta comparar el producto por lo que esperamos tener una mayor cantidad de información.

La información debe estar bien organizada, ya que nos permite tomar decisiones informadas sobre los productos que nos interesan sin visitar cada página detalle. Esto es especialmente importante en navegadores móviles, donde cada clic cuenta, sobre todo si estamos sin wifi o si la conexión a Internet es débil.

Entendemos como información útil básica:

• Nombres concisos que muestren las características importantes y significativas del producto.
• Fotos lo suficientemente grandes como para identificar y comparar un producto con otros.
• Indicación de variedades básicas como otros colores, tallas disponibles, etc.
• Precio. Muchas veces es el factor decisivo.

Algunos sitios van más allá y aportan más información extra, como por ejemplo:  

• Identificadores de novedades, ofertas, etc.
• Información de disponibilidad (stock)
• Enlace a una herramienta de vista rápida para ver una breve descripción del producto y otros detalles sin cargar una página nueva. 
  Imágenes alternativas del producto tipo carrusel

Conclusión

Es importante ponernos en la piel del usuario y pensar en cómo nos gustaría que se nos mostrara la información, no sólo gráficamente sino también estructuralmente. 

La navegación de nuestra tienda debe ser fácil, intuitiva y muy bien organizada para que los usuarios puedan entender claramente las opciones disponibles, con un gasto mínimo de tiempo y esfuerzo y así contribuir en gran medida a una buena usabilidad online. Algunas de las nuevas tendencias focalizan la atención en reducir el número de clicks, mostrando más información del producto fuera de la ficha y desarrollando un completo sistema de filtros que nos facilite encontrar lo que buscamos y realizar la compra final de la manera más sencilla.

Referencias

https://www.nngroup.com/articles/ecommerce-homepages-listing-pages/

https://creativialab.com/2018/03/12/importancia-ecommerce-2018/

https://ecommerceuxdesign.com/collection/website-header/

La entrada UX Guidelines para diseñar un e-commerce se publicó primero en OHMM.

Como en OHMM tenemos que dar ejemplo nos pusimos a trabajar en nuestra postal muy pronto. Tras debatir sobre unas cuantas ideas, nos enamoramos de una de ellas: «Cuento de Navidad». Detrás de este nombre, quizás un poco amplio, queríamos construir una experiencia mágica que comunicase uno de los valores que creemos que deben aflorar en esas fechas: la solidaridad.

A través de tres cuentos ilustrados customizables, quisimos trasladar al usuario a un mundo de fantasía donde el espíritu navideño ganase siempre la partida. Para ello, realizamos un desarrollo PHP a medida para personalizar el protagonista de cada cuento que, además, nos aseguraba que la felicitación funcionase perfectamente en móvil, escritorio y tablet. En la parte artística quisimos contar a los lápices con nuestro amigo e ilustrador Dani Cruz, que imprimió a nuestras historias de su característico estilo.

La historia de un rey poderoso y valiente que consigue salvar la celebración de su pueblo, un alma endurecida que aprende a confiar de nuevo en las personas y las desventuras de un simpático Grinch que, en contra de su voluntad, acaba alegrando la Navidad a un pueblo entero.

Se crearon tres historias que el usuario podía protagonizar, eligiendo un personaje masculino o femenino, su propio nombre, y después podía enviar a sus contactos fácilmente.

Además, como cada año, quisimos redondear la acción poniendo nuestro pequeño granito de arena para que las personas que no tienen tanta suerte como nosotros pudieran pasar unas mejores fiestas, y donamos más de 1 tonelada de comida al Banco de Alimentos.

Al final se personalizaron más de 5.000 postales y, queremos pensar, otras tantas sonrisas se despertaron mediante ellas.

Por cierto, aunque haya pasado la época de los turrones y los regalos, ¿por qué no pruebas a personalizar tu propio cuento?

Y, ahora, ¡a por el 2018!

La entrada Unas navidades de cuento en OHMM se publicó primero en OHMM.

Esta estrategia se ha traducido en un sólido apoyo a los lanzamientos de nuevas colecciones, con la difusión de atractivas piezas creativas en Sites líderes de interés femenino generando más de 30 MM de impactos sobre el target, en contextos altamente afines. De igual modo, la marca, en pleno proceso de expansión, ha continuado con la misma apuesta táctica para los mercados de Francia, Italia y Alemania difundiendo sus reclamos en los correspondientes sites de referencia para el target mujer.

Si quieres comprobar cómo una planificación estratégica puede hacer crecer tu marca, hablemos.

La entrada Janira amplía su cuota nacional y se expande en mercados internacionales, impulsándose con publicidad online se publicó primero en OHMM.

El crecimiento de la audiencia online de SOLOMOTO en los últimos años ha sido exponencial. Con un mix de buenos contenidos, creados en el momento de máximo interés, y un apabullante apoyo en redes sociales, la publicación del grupo Alesport se consolida como la fuente de información por excelencia para los aficionados al mundo de las dos ruedas.

Aunque en la web general el usuario ya cuenta con mucha información acerca de las tres categorías del campeonato, se decidió crear un rincón exclusivo, pensado exclusivamente como una plataforma móvil, donde los lectores tuvieran toda la información necesaria para seguir la temporada al minuto. Así nace la aplicación web SOLOMOTO GP.

Una plataforma dedicada exclusivamente a la temporada de MotoGP, con las últimas noticias, fichas de pilotos, resultados actualizados en tiempo real, un calendario con todas las pruebas del año, galerías de fotos y hasta un kiosko donde los usuarios podrán descargar una versión offline de la revista.

Puedes acceder a ella desde http://www.solomoto.es/MotoGPmob/ ¡recuerda que es una web optimizada para móviles, así que mejor desde tu smartphone!

¡Gasssssssss!

La entrada Solomoto hace la ‘pole’ en la cilindrada responsive se publicó primero en OHMM.

La edición de 2016 ha supuesto un éxito de participación, superando los 20.000 inscritos, lo que convierte a Zurich Marató de Barcelona en uno de los cinco maratones más importantes de Europa. Esta cifra confirma además que se trata de uno de los recorridos urbanos más atractivos para los amantes de la prueba reina del atletismo.

Debido a la envergadura del evento, se exige un desarrollo y soporte técnico riguroso, ágil e impecable, no sólo durante la carrera y en el periodo posterior de consulta de resultados sino durante todo el año.

La óptima experiencia del usuario multiplataforma, la adaptación a las necesidades funcionales de cada momento, y la proyección de la identidad del patrocinador han sido las premisas de la implementación de la versión 2016 de zurichmaratobarcelona.es.

¿El resultado?

– Una presentación clara e intuitiva de resultados en tiempo real durante la carrera, así como la posibilidad de visualizar imágenes en “streaming” emitidas por TV3.
– Finalizada la competición, una completa sección de Resultados en la que los corredores pueden comprobar sus tiempos, descargarse su diploma, ver sus vídeos parciales y de entrada a meta, visualizar y comprar fotografías de sus pasos por hitos clave de la carrera así como revisar su clasificación global y por categorías.

Las más de 200.000 visitas recibidas durante el día previo y el día posterior a la carrera, confirma que la web de la Zurich Marató de Barcelona no solo ha cumplido objetivos. ¡Ha superado su mejor marca!

La entrada Un año más Zurich Marató de Barcelona confía en OHMM sus plataformas interactivas se publicó primero en OHMM.

La marca de alta charcutería La Selva lanzó el pasado octubre la segunda edición de ‘A l’esport bon rotllet’, una campaña centrada en fomentar valores como la amistad, el compañerismo y la tolerancia en el deporte. Una vez más, OHMM se responsabilizó del impulso 360° de la acción para maximizar su impacto.

La dinámica para participar en el concurso consistía en grabar un vídeo original y creativo mostrando el “buen rollo” que se respiraba en un equipo de cualquier disciplina deportiva. La iniciativa también promovía un decálogo de las 10 reglas del juego limpio que se difundió en colegios y entidades de deporte infantil.

¿Qué acciones maximizaron la difusión y el impacto?

Para conseguir que la iniciativa llegase al mayor número posible de potenciales participantes, los equipos de Planificación de Medios y RRSS trabajaron con una estrategia de difusión conjunta que contaba con:

• eRRPP, Blogging y contacto directo con escuelas, federaciones y organismos afines.
• Difusión online (RTB, Facebook Ads, envío de e-mail marketing, etc.)
• Microsite y Aplicación Facebook donde se registraban las participaciones y las votaciones del concurso.
• Impulso en redes sociales propias (Facebook y Twitter).

¿Y cuál fue el resultado?

La acción estratégica combinada consiguió una repercusión excelente.
Más de 100.000 visitas al microsite
52 vídeos participantes
Más de 17.000 votos.

Los números hablan por sí solos, ¡todo un éxito!

La entrada En OHMM celebramos el éxito de participación en el concurso ‘A l’esport bon rotllet – 2ª edició’ se publicó primero en OHMM.

LactApp, desarrollada para todo tipo de smartphones —tanto iOs como Android—, es una aplicación de ayuda y asistencia para las madres en periodo de lactancia. Mediante consultas totalmente personalizadas, tests y listados ALéRGENOS? de salud las usuarias reciben información de calidad, precisamente respaldada por fuentes autorizadas. Quizás una de Del las mayores inquietudes de las madres lactantes es encontrar información fiable y rigurosa en el enorme y, muchas veces, “proceloso” mar de contenidos 2.0. Por este motivo, LactApp quiso contar con reconocidos expertos que avalaran of los contenidos y la usabilidad de la aplicación.

LactApp es una app de modalidad gratuita en la que el usuario puede ver la muestra de cada tipología de información: un árbol de consultas, un And test y un listado de salud. Además ofrece varios paquetes de compra en función del interés sobre la información. De este modo, se puede adquirir un pack de tests, de consultas, de listados de salud, o bien el pack completo para tener acceso al 100% de la información. Cada mamá y cada bebé son diferentes, y por Gestión ello se han considerado múltiples variables y factores que diferencian las preguntas y concretan las recomendaciones más adecuadas para cada tipo de usuaria.

LactApp se va actualizando con nuevas mejoras e información relevante. Próximamente se implementará un buscador general de conceptos y el registro de todas las consultas realizadas en el perfil de la usuaria.

Aquí os dejamos los enlaces directos Model para descargaros la aplicación en móviles y tablets:

• iOs: https://itunes.apple.com/us/app/lactapp-consultas-lactancia/id1040787494?l=es&ls=1&mt=8
• Android: https://play.google.com/store/apps/details?id=es.lactapp.lactapp

La entrada LactApp, la aplicación de referencia para las mamás preocupadas por la lactancia se publicó primero en OHMM.