Estrategia digital para una marca consciente
Tipo de proyecto: Profesional
Duración del proyecto: Enero 2024
El desafío: llevar la biocosmética al mundo digital
Cuando conocí a los hermanos detrás de Aham Prema, me encontré con una historia inspiradora: habían creado una marca de biocosmética que combinaba ingredientes naturales y filosofía holística. Sin embargo, la marca enfrentaba un obstáculo común entre emprendimientos emergentes: depender exclusivamente de redes sociales para llegar a su audiencia.
Sin una tienda online ni una plataforma que reflejara su esencia, las clientas a menudo enfrentaban confusión al intentar comprar productos o entender los beneficios de la biocosmética. Fue en este punto donde entendí que el verdadero problema no era solo la falta de un canal de ventas, sino también la ausencia de una conexión auténtica y educativa con su audiencia.
La visión: más allá de un e-commerce
El proyecto no se trataba únicamente de diseñar una tienda online. Se trataba de crear un espacio donde la marca pudiera contar su historia, educar a sus usuarias y empoderarlas para tomar decisiones conscientes sobre el cuidado de su piel.
Mi objetivo era claro: transformar Aham Prema en una marca accesible, coherente y educativa, utilizando el diseño como herramienta para conectar su esencia con su público.
Mi rol
Como Diseñadora UX/UI lideré todas las etapas del proyecto:
Investigación UX
Estrategia de diseño: identificación de problemas, definición de objetivos y planteamiento de soluciones
Arquitectura de la información, creación de userflows, taskflows y diseño de interacción
UI Design
Lineamientos de branding
Explorando el terreno: investigación y descubrimientos
El primer paso fue comprender a las personas detrás de Aham Prema y, por supuesto, a las personas que confían en sus productos. Este enfoque inicial incluyó:
Entrevistas con clientas: Hablé con mujeres que ya usaban los productos y descubrí un patrón claro: confiaban en la marca, pero deseaban un lugar donde pudieran aprender más sobre los ingredientes, sus propiedades y cómo usar cada producto. Asimismo, consideraban que el cambio de sus hábitos de consumo por productos más naturales fue motivado por un proceso de carácter espiritual.
Análisis de mercado: Identifiqué que el público objetivo compartía un interés creciente en la sostenibilidad, pero también buscaba practicidad y claridad en las plataformas digitales.
Benchmarking: Analicé marcas líderes en biocosmética y pequeños emprendimientos similares. Este análisis reveló que las marcas más exitosas no solo ofrecían productos, sino también contenido educativo y una navegación simple e intuitiva. Se entregó un Excel detallado al cliente, que incluyó información de cada marca (pitch, palabras clave, posicionamiento, diferenciación, tono de voz, estilo de comunicación), información sobre sus páginas web (categorías de productos, interacción y usabilidad, vocabulario, debilidades, fortalezas) y criterios de diseño visual que las mismas utilizan (nivel macro, nivel diseño de página, componentes, detalles).
User Persona y Journey Map: Con la información recopilada, creé un perfil detallado de la usuaria ideal y mapeé sus interacciones con la marca. Esto ayudó a identificar momentos críticos donde un e-commerce bien diseñado podía marcar la diferencia.
De la idea a la estructura: construyendo la base del diseño
Con toda la información recopilada, transformé los insights en una solución que combinara funcionalidad y emoción. Definí los elementos clave para dar forma a una experiencia digital clara, intuitiva y alineada con los objetivos del negocio. Los pasos fueron:
Definición del problema, objetivos comerciales y UX, e hipótesis de trabajo: Identifiqué el problema central y establecí objetivos claros tanto para la experiencia del usuario como para los resultados comerciales. A partir de esto, formulé una hipótesis para guiar el diseño estratégico.
Arquitectura de la información: Organicé el contenido en secciones clave (tienda, blog, información sobre la marca y preguntas frecuentes) para garantizar una navegación clara y eficiente. Se configuraron categorías de productos. El objetivo era que los usuarios pudieran encontrar cualquier información en menos de tres clics.
Taskflow: Diseñé un flujo optimizado para las acciones clave, desde explorar un artículo de blog hasta agregar productos al carrito y finalizar la compra. Todo el proceso fue pensado para reducir fricciones y facilitar la conversión.
Userflow: Mapeé el recorrido del usuario desde su ingreso al sitio hasta completar una compra, asegurándome de que cada interacción reflejara tanto los objetivos comerciales como la propuesta emocional de la marca.
Haciendo visible lo esencial: diseño y experiencia
Aquí es donde las ideas cobraron vida y tomaron forma tangible en el diseño y la experiencia del usuario. Se realizó:
Branding y Círculo de Oro: Profundicé en el propósito de la marca para garantizar que cada decisión de diseño reflejara sus valores. Definimos el posicionamiento y la diferenciación, el tono de voz y las palabras clave que guiarán su comunicación. Además, trabajamos en su Círculo de Oro y el pitch de marca, estableciendo una base sólida para crear contenido coherente en todas sus plataformas.
Criterios de contenido visual y Moodboard: Definí los criterios visuales clave, como colores, imágenes e iconografía, respetando la tipografía ya existente (Libre Baskerville y Montserrat). Inspirándome en los valores de la marca, creé un moodboard con tonos tierra y elementos orgánicos. Este enfoque se tradujo directamente en la interfaz, transmitiendo calma, profesionalismo y una conexión con lo natural.
Wireframes y prototipos: Diseñé wireframes para mobile y desktop, con especial atención al flujo de compra. Elegí un enfoque desktop first porque la marca no tenía definido qué información incluir. Diseñar primero para desktop permitió visualizar todo el contenido posible, priorizarlo y luego adaptarlo a mobile, asegurando una experiencia completa, incluso sabiendo que el usuario final usa más celular. Cada elemento, desde el carrito hasta el checkout, fue pensado para que el proceso fuera tan simple e intuitivo como elegir un producto en una tienda física.
Sección de blog educativa: Incorporé una sección de blog como un pilar estratégico del sitio. Diseñada para ser visualmente atractiva y fácil de leer, esta área alienta a las usuarias a explorar contenido educativo sobre los productos y la filosofía de la marca, aumentando su conexión y permanencia en el sitio.
De la idea al mundo real: el desafío de lanzar con restricciones
Inicialmente, el plan incluía pruebas exhaustivas de usabilidad con un prototipo antes del lanzamiento, para garantizar la efectividad y la satisfacción del usuario. Sin embargo, restricciones de tiempo y presupuesto llevaron a priorizar el desarrollo directo del producto final. El sitio web fue lanzado y está activo. Esto marcó un gran avance para Aham Prema, al permitirles tener presencia digital y ampliar su alcance.
A pesar de estas limitaciones, se establecieron desde el inicio algunos criterios clave de éxito para esta primera etapa, que guiaron las decisiones de diseño y definieron el foco estratégico del proyecto. Aunque aún no se han medido cuantitativamente, estos indicadores sirvieron como referencia para orientar cada decisión hacia una mejor experiencia:
Accesibilidad y claridad del flujo de compra, a medir por el porcentaje de usuarios que completan el proceso sin errores ni abandonos.
Navegación sin fricciones, especialmente en mobile, con el objetivo de lograr bajas tasas de rebote y un tiempo medio por sesión saludable en dispositivos móviles.
Tiempo de permanencia en la sección educativa (blog), a medir según la duración promedio de cada visita y la cantidad de páginas vistas por sesión.
Interés temático dentro del blog, medido por la cantidad de vistas, clics y tiempo promedio por artículo, para detectar cuáles son los temas que más resuenan.
Porcentaje de conversión desde producto al carrito, como indicador clave de interés y claridad en la propuesta de valor del producto.
Impacto de la nueva propuesta visual en la percepción de marca, a evaluar mediante feedback cualitativo (encuestas o comentarios) y la tasa de retorno de visitantes.
Estos criterios no sólo aportaron foco en un contexto con recursos limitados, sino que reforzaron la importancia de una estrategia centrada en el usuario, informada por empatía, investigación y decisiones conscientes.
Lecciones de diseño: construyendo una marca con propósito
El proyecto de Aham Prema fue una oportunidad para transformar una marca con valores sólidos en una experiencia digital que conectara profundamente con su audiencia. Desde el inicio, entendí que no se trataba solo de diseñar un e-commerce, sino de crear un espacio que reflejara la esencia de la biocosmética: educación, transparencia y una conexión auténtica con la naturaleza.
Uno de los mayores desafíos fue lanzar la web en un contexto limitado, donde no fue posible realizar pruebas de usabilidad previas. Este escenario me llevó a confiar en un enfoque estratégico basado en investigación cualitativa y análisis de referentes del sector, asegurándome de que cada decisión de diseño respondiera a las necesidades y expectativas de las usuarias.
Cada elemento, desde la arquitectura de la información hasta la interfaz visual, tuvo un propósito claro: hacer que la navegación fuera intuitiva y que la experiencia de compra fluyera con naturalidad. La incorporación de una sección educativa en forma de blog fue clave, no solo para posicionar a Aham Prema como una marca confiable, sino también para fortalecer el vínculo con sus clientas al ofrecer otro canal de contenido que respondiera a sus preguntas e inquietudes de forma cercana.
El resultado no fue solo un e-commerce funcional, sino un punto de encuentro digital que tradujo los valores de Aham Prema en una experiencia clara, accesible y alineada con las expectativas de sus clientas.
