Caso práctico: BemomStar

BeMomStar ha sido un camino lleno de desafíos y aprendizajes. Cuando las cofundadoras nos compartieron su idea, nos entusiasmó mucho: crear un espacio digital dedicado a ayudar a las mujeres en su trabajo como madres, a través de cursos relacionados con la maternidad y la infancia, impartidos por profesionales y ofrecidos en un formato práctico y sencillo. Aunque el proyecto era un nuevo paradigma, respetamos nuestro proceso habitual: empezamos con la definición y el concepto de la marca, luego desarrollamos el diseño y creamos la maquetación. Mientras tanto, diseñamos la estrategia de datos que BemomStar debería seguir.

Para desarrollar BemomStar, nos basamos en diferentes herramientas durante todo el proceso: Podia para los cursos, Webflow para el diseño, Arengu y Airtable para la creación de vales de regalo y Stripe para los movimientos de las transacciones. También utilizamos Google Analytics, así como Hotjar y GTM para la medición.

¿Qué es?

BeMomStar es un espacio digital dedicado a ayudar a las mujeres en su trabajo como madres, a través de cursos relacionados con la maternidad y la infancia, impartidos por profesionales y ofrecidos en un formato práctico y sencillo.

¿Qué es lo que hace?

Permitir que las mujeres embarazadas y las madres aprendan a ser madres durante la maternidad y la infancia de la mano de los mejores profesionales a través de una plataforma digital.

¿Cuál era tu principal problema?

BemomStar fue una idea en la mente de su creador. Tenía que moldearse y definirse y, a continuación, construirse en un espacio digital. En otras palabras: BemomStar necesitaba cobrar vida.

Nuestro proceso

El proceso que seguimos para la creación de BemomStar fue similar a nuestro proceso habitual: primero, realizamos estudios de mercado, así como estudios en el sector fisiológico. Una vez finalizada la investigación, definimos la arquitectura del sitio y elaboramos esquemas de alta calidad que discutimos con el cliente. Mientras trabajábamos en la definición, también desarrollamos un plan de medición en el que enumerábamos los objetivos empresariales y creábamos una hoja de ruta. Tras finalizar la definición y el plan de medición, trabajamos en el diseño basándonos en los esquemas previamente aprobados por el cliente. Una vez que también se aprobó el diseño, pasamos a hacer realidad el proyecto, para crear su espacio digital. Al mismo tiempo que construíamos el proyecto, desarrollamos la estrategia de datos que podría ser la base de BeMomStar. También creamos un panel de visualización para que el cliente pudiera seguir la evolución de BeMomStar.

A continuación explicamos el proceso que hemos seguido:

Investigación

Hemos realizado una breve investigación sobre el sector de la maternidad, el cuidado corporal, la estética, etc. En esta investigación encontramos muchas referencias de diferentes sitios web como Damdam, Vogue kids, Loveseen o Julie Blaive.

Establecer nuestros objetivos

Una vez finalizada nuestra investigación, diseñamos un plan de medición en el que establecimos los principales objetivos del negocio. Por lo tanto, creamos una estrategia que nos acompañará durante todo el proceso de diseño:

Objetivo principal

Valida la idea de negocio

Objetivos de activos digitales

• Atracción
• Alcanza las 20 000 visitas en un mes
• Conversión
• Consigue al menos 50 ventas en un mes
• Consigue una tasa de conversión del 0,25% en un mes.

Una vez que tuvimos claros los objetivos, nos centramos en trabajar en la creación del diseño web.

Diseño

Con las ideas recogidas tanto de la investigación que llevamos a cabo como de las ideas que los creadores de BemomStar compartieron con nosotros, comenzamos el proceso de diseño.

Usamos Figma, que es una buena herramienta para la colaboración entre departamentos. Allí creamos una guía de estilo con diferentes aspectos:

• En primer lugar, analizamos diferentes colores que creemos que encajan con la sensación de BemomStar, teniendo un predominio de colores neutros para dar relevancia al contenido. Al mismo tiempo queremos transmitir colores orgánicos que conecten con el concepto.

• En segundo lugar, continuamos con la tipografía. Escogimos Cirka y Montoya para el diseño que haríamos más adelante, por tratarse de tipografías que darían identidad y fuerza. También queríamos que fueran neutras, versátiles, legibles y geométricas.

• Para nuestra propuesta de UX, desarrollamos una arquitectura basada en la simplicidad, que también acompañaba la elegancia de la marca. Queríamos que los usuarios navegaran con facilidad por la web y que las imágenes y los vídeos del sitio hablaran por sí solos, por lo que decidimos dar importancia a los recursos gráficos de la web. Así como el logotipo, ya que sería la identidad de la marca.

• En cuanto a la interfaz de usuario del sitio web, propusimos un diseño minimalista que se asemejara a la elegancia de BeMomStar. Queríamos que las imágenes y las fotos fueran las protagonistas del diseño.

Desarrollo

Una vez que tuvimos el diseño web listo, empezamos a construirlo. Teniendo claro que el objetivo principal era ayudar a las mujeres en su trabajo como madres, a través de los cursos relacionados con la maternidad y la infancia, que ofrece BemomStar.

Para lograr este objetivo, nos integramos con Podia, un modelo SAAS (Software as Service) de la plataforma LMS (Learning Management System) orientado a la venta de cursos a través de Internet. Con él pudimos crear todos los cursos que se ofrecen en BeMomStar. Al mismo tiempo, también integramos una herramienta en forma de cuestionario, Typeform, con la que las madres que habían realizado el curso, una vez que lo hubieran terminado, podían dar su opinión y evaluar el curso que habían realizado.

Además de esto, nuestro cliente también nos pidió que creáramos un sistema para generar cupones únicos para cada cliente, de modo que pudieran comprar un curso y regalárselo a sus amigos o familiares más cercanos. Para ello nos basamos en tres herramientas, primero utilizamos Arengu, una herramienta para la generación de formularios, con ella creamos la pasarela de pago, que estaba conectada a la segunda herramienta, Stripe, que nos permitía realizar compras de cursos de BemomStar. Y por último, una vez realizada la compra, se redirigía al cliente a una Airtable, la tercera y última herramienta que utilizamos, en la que el cliente debe incluir sus datos, generando una tarjeta regalo con una foto y un código completamente único, lista para regalar y usar.

Activos de datos

Creamos un panel personalizado con tres páginas diferentes para facilitar al cliente el estudio de sus datos:

1. Tráfico
2. Contenidos
3. Eventos

En la página «Tráfico» incluimos todo sobre los usuarios que venían a Bemomstar: el objetivo de esta página era saberlo todo sobre ellos; cuántos eran, cuántas veces nos visitaban, cuánto tiempo pasaban con nosotros, cuántas páginas veían cada vez que entraban, cuántas veces se marcharon sin interactuar, de dónde eran, cuántos nos visitaron repetidamente, de dónde venían, cuáles eran sus intereses y qué páginas lo que más les interesaba. En resumen: todo lo que pudimos aprender sobre ellos.

En la página «Contenido», incluimos todo lo relacionado con el interés y el uso de los contenidos del sitio por parte de los usuarios. El tiempo medio que dedican a cada página, qué páginas visitan y en las que están más interesados, en qué páginas se desplazan más y cuáles menos, cuáles son las que más abandonan y cuál es su porcentaje de rebote.

En la página «Eventos» incluimos todo lo relacionado con las interacciones que los usuarios tienen con la página: si compran cursos, si hacen clic en el botón de comprar, en qué cursos, si inician sesión, cuándo y con qué frecuencia. ¿De qué fuente provienen la mayoría de los compradores de cursos y de qué fuente provienen la mayoría de los inicios de sesión? En qué botones o partes de la página hacen más clic los usuarios, qué textos son los que más les atraen...

Con estas tres páginas facilitamos que el cliente comprenda mejor a sus usuarios y su interés en su sitio web.

El resultado

Con el diseño final lanzado con éxito, solo tenemos que esperar para ver si se cumplieron nuestras expectativas de objetivos, ¡y eso es exactamente lo que sucedió!

Disfrutamos de colaborar con una clienta tan increíble que ya está revolucionando la maternidad. Hemos aprendido muchas cosas en el proceso hasta llegar a la entrega final, ¡y nos ha encantado poder realizar un proyecto que se ha ajustado a las necesidades del cliente!

Le recomendamos encarecidamente que visite su sitio y consulte su curso en https://www.bemomstar.com/

¿Tienes una idea para una plataforma educativa? ¡Podemos ayudarte a construirla! ¡Puede contactarnos a través de nuestro formulario de contacto en nuestro sitio web!

¡Espero que hayas disfrutado del estuche! ¡Estén atentos para más!

‍