Tornar a Casos d'Èxit
Hably logo

Hably

Fitness, esport i benestar

Xarxa social: app i ecosistema de producte

App mòbil (iOS i Android) amb pagaments integrats, traçabilitat d'entrenaments i missatgeria en temps real; backend propi, backoffice web i eines de l'ecosistema. En proves amb més de 100 usuaris abans del llançament.

+100

usuaris en fase de proves abans del llançament

1 any

de la idea a la primera versió publicable a iOS i Android

Temps real

missatgeria, activitat social i interacció massiva

Client

Hably

Sector

Fitness, esport i benestar

Serveis

Software a Mida

Tecnologies

FlutterNode.jsNext.jsMongoDBDocker

Resum

Xarxa social construïda íntegrament d'extrem a extrem. Nucli: app mòbil en Flutter (iOS i Android) amb backend propi en temps real, backoffice d'administració web i eines complementàries de l'ecosistema. Cobreix el recorregut complet de l'usuari: descobriment, registre, creació de contingut, interacció en temps real i sistema d'incentius. Qualitat de producció: CI/CD, tests automatitzats i auditoria de seguretat abans de TestFlight.

Context

El client

HABLY és una marca pròpia d'una xarxa social que vam desenvolupar íntegrament. L'objectiu: un producte estable, segur i publicable a iOS i Android, juntament amb un backoffice d'administració i les eines web complementàries que sostenen l'ecosistema.

El repte

Construir des de zero una xarxa social a punt per a producció a iOS i Android, sense caigudes ni pèrdues de dades. Implicava resoldre alhora peces crítiques comunes a qualsevol ecosistema digital amb usuaris: autenticació robusta (Apple, Google, recuperació), onboarding acurat, contingut amb mitjans optimitzats, missatgeria en temps real fiable, notificacions i un sistema d'incentius configurable. A això s'hi sumaven fluxos diferenciats per perfil d'usuari amb validació documental, un backoffice d'administració complet, integració contínua, tests automatitzats i auditoria de seguretat abans de publicar a TestFlight.

La solució

Com ho vam resoldre

ClientBackend en temps realServeisRESTWebSocketAdminDadesPushMediaPersisteixApp mòbiliOS · AndroidBackofficePanell adminEndpointsAPI RESTTemps realCues RedisEmmagatzematgeMongoDBNotificacionsPushContingut mèdiaCloud storage
Arquitectura de la solució: les peces del sistema i com hi flueixen les dades.
  1. 01

    L'aplicació: el cor del producte

    App mòbil en Flutter amb arquitectura neta per features i una única base de codi per a iOS i Android. Cobreix el recorregut complet de l'usuari: registre amb Apple, Google i correu; onboarding en fases amb preferències i suggeriments; creació de contingut en diversos formats (text, imatge, carrusel i vídeo) amb interaccions hàptiques i comentaris niats; contingut efímer amb composició rica (música, dibuix i efectes); i missatgeria en temps real sobre Socket.IO amb indicador d'escriptura, confirmacions de lectura i enviament d'imatges.

  2. 02

    Sistema d'incentius configurable

    Sistema d'incentius amb llenguatge propi: progressió per activitat, nivells i mètriques de constància. No punitiu: les mètriques es pausen en lloc de reiniciar-se, amb descens gradual després d'inactivitat prolongada. Paràmetres configurables des del panell per ajustar l'economia del producte sense tocar codi.

  3. 03

    Backend en temps real i qualitat de producció

    Backend en Node.js + Express amb MongoDB: API REST per dominis, missatgeria en temps real sobre Socket.IO amb persistència prèvia a l'emissió, sessions amb tokens, push via Firebase. Pipeline de mitjans que comprimeix imatges i genera variants optimitzades; composició de vídeo al servidor amb cues asíncrones. Seguretat: sanitització, XSS, rate limiting i validació de configuració a l'arrencada, amb tests automatitzats i CI.

  4. 04

    Backoffice i eines complementàries

    Panell d'administració en Next.js amb control total: usuaris, aprovació de perfils validats, moderació, configuració del sistema d'incentius, enviament de push i dashboard. A més, dues eines web complementàries de l'ecosistema: un test interactiu de captació i qualificació de comunitat (cada interacció registrada com a lead) i una eina de contingut efímer per QR per a activacions presencials.

Què va canviar

Resultats

  • Ecosistema de producte complet: app mòbil (iOS i Android) recolzada per backend propi, backoffice d'administració web i eines complementàries, tot desenvolupat íntegrament per nosaltres d'extrem a extrem.

  • Experiència rica i en temps real: creació de contingut en múltiples formats, contingut efímer amb composició avançada, missatgeria en temps real i notificacions push.

  • Sistema d'incentius configurable: progressió, nivells i mètriques de constància, no punitiu i ajustable des del backoffice sense tocar codi.

  • A punt per a producció: pipeline de mitjans optimitzat, missatgeria persistida sense pèrdua de dades, seguretat auditada i reforçada, tests automatitzats i integració contínua, amb publicació a TestFlight.

  • Captació de comunitat: test interactiu que converteix l'interès en leads qualificats amb un panell per gestionar-los.

  • Pagaments i entrenaments dins de l'app: pagaments integrats i traçabilitat completa dels entrenaments, les dues peces més complexes del producte, resoltes de manera nativa.

  • Validada amb usuaris reals: més de 100 persones fan servir l'app en la fase de proves prèvia al llançament.

Què en diuen del projecte

Veu del client

Hemos construido juntos Hably. Desde el primer momento la experiencia ha sido inmejorable. Un equipo muy implicado y atento al detalle.

Nerea García

CEO en Hably

Parlem del teu proper projecte.

Reserva una sessió d'estratègia gratuïta de 60 minuts. Analitzarem el teu negoci i et mostrarem exactament on la IA, les dades i l'automatització poden generar resultats reals.

O escriu-nos a info@laketab.com