Dietamark: desarrollo de ecosistema e-commerce con WooCommerce API y app móvil React Native para suplementos vitamínicos

El reto

El e-commerce de Dietamark no podía escalar para convertirse en la fuente de la verdad de la información en su catálogo. Esto les impedía crear nuevas soluciones digitales, como una app móvil.

Dietamark es un e-commerce para vender suplementos vitamínicos que mejoran la calidad de vida. También cuenta con una app para iPhone y Android que ayuda a controlar los suplementos que tomas, permitiendo hacer un seguimiento del bienestar junto con preguntas sencillas que se pueden responder cada mes sobre el estado físico y mental.

La solución

Secture creó un nuevo e-commerce en WordPress. Este e-commerce no solo facilita la venta online, sino que también actúa como una API para proporcionar información a las nuevas aplicaciones móviles que Secture desarrolló para el cliente.

El diseño

Secture ayudó a definir requisitos y funcionalidades para garantizar que la propuesta de valor de las aplicaciones se alineara con el negocio. El objetivo era aportar un valor adicional útil y de calidad.

Secture partió de una identidad de marca limitada y definió un estilo visual que reflejara las necesidades del negocio: limpieza, vitalidad, claridad y precisión.

Este proyecto se enmarca en nuestro servicio de diseño de producto digital.

El desarrollo

Dado que no era necesaria tecnología nativa para las aplicaciones, Secture eligió React Native. Esto permitió usar un único código fuente para iPhone y Android, agilizando tiempos y coste para el cliente.

Para el e-commerce, Secture utilizó WooCommerce con una API REST que servía el catálogo a las aplicaciones. Se añadió una capa de gestión para destacar productos y recomendarlos como el producto del día, permitiendo mostrar estos contenidos en la app.

Además de servir el catálogo a las apps, Secture creó un plugin de WordPress que añadía más funciones. Por ejemplo, permitía a los usuarios registrar la toma de suplementos, la frecuencia de ingesta y los recordatorios.

Este plugin también registraba las encuestas de calidad de vida de los usuarios de la app, solicitaba citas con especialistas en nutrición, y gestionaba las notificaciones push y los envíos por correo electrónico.

Secture convirtió un e-commerce de WordPress en un backend completo, ampliando su funcionalidad y aislándola en un módulo independiente. Esto facilitó su actualización y mantenimiento.

Este proyecto se enmarca en nuestro servicio de desarrollo de software.

El resultado

Secture desarrolló el ecosistema e-commerce de Dietamark con WooCommerce API REST y una app móvil con React Native, integrando tienda online y experiencia de compra en dispositivos móviles. El resultado fue una plataforma de venta digital que permite a Dietamark gestionar su catálogo y pedidos de forma unificada.

El equipo

Ricardo / Project Manager
Jose / Backend Developer
Raluca / Mobile Developer
Carlos / Web Designer
Águeda / Product Designer

Tecnología utilizada

React Native

Woocomerce

PHP

WordPress

Proyectos relacionados

Secture diseñó y desarrolló el ecosistema completo de Pôdo: app móvil iOS/Android, backend de reservas, pagos y accesos físicos, y backoffice de gestión para cápsulas de trabajo insonorizadas en espacios urbanos.

Secture desarrolló YODA, un sistema de inteligencia artificial para Machinepoint que integra el conocimiento empresarial con su CRM mediante matching híbrido y generación automática de emails personalizados multilingües.

Secture rediseñó la experiencia de usuario y la interfaz de Gravl, app de entrenador personal con IA. Mejora de branding, organización de información y visibilidad de métricas en el detalle de ejercicio.