Back to Case Studies
Active Flow Run Club

Case Study

Active Flow Run Club

Challenge

ActiveFlow set out to merge outdoor training stations with a cohesive digital experience. The brand needed an app that could guide users through nearby locations, support them during workouts, and track progress over time. The challenge was turning a fragmented, offline experience into a unified and intuitive digital journey.

Client

Active Flow

Skills

UX/UI

Development

Strategy

Tech

Typescript React Next.js Directus fly.io

Year

2025

About

ActiveFlow is a Portuguese online fitness and training platform offering structured workout plans, training collections, and outdoor sessions for users of all levels.

As part of its community offering, ActiveFlow runs a weekend Run Club in Lisbon, but registrations were managed via Instagram and Google Forms, creating user friction, fragmented data, and limited scalability. Partnering with Marzee as the development team, ActiveFlow brings account creation and run event sign-ups into the app using its existing outdoor training infrastructure, while adding engagement features such as a leaderboard to increase excitement, participation, and long-term user retention.

Discovery Phase

During the discovery phase, Marzee collaborated closely with the Active Flow team to identify the key steps:

  • Make RunClub page publicly viewable; require login only for signup, check-in, and challenges.
  • Reuse existing Outdoor signup system for registrations, cancellations, and attendance tracking.
  • Enable geo-location check-ins for events.
  • Allow users to add events to their calendar (.ics file).
  • Implement a points-based leaderboard for attendance and punctuality, updated automatically.
  • Deliver a PoC within ~1–2 weeks.

Tech Stack

Active Flow RunClub web application leverages Directus for backend content and user management, with PostgreSQL as the database. The frontend is built with Next.js and React, styled with Tailwind CSS, and deployed on Fly.io with AWS CloudFront for global delivery. The stack also uses TypeScript across frontend and backend for type safety and maintainability.

Project Highlights

Marzee’s development team ensured the smooth delivery of the RunClub feature, refining its structure, functionality, and design throughout implementation and even after launch.

  1. Discovery & Planning

    At Marzee, we worked closely with the Active Flow team to understand goals, define key features, and outline the MVP. We mapped user flows, authentication requirements, event types, and leaderboard rules to ensure a smooth and scalable implementation.

  2. MVP Development – Core Features

    We launched the RunClub page so users could view upcoming runs and a simple leaderboard. Public users can browse events, while login is required to see details, register, or check in. The system reused the existing Outdoor signup and cancellation functionality. Activity cards show date, location, kms, supporters, and images, and the detailed run page includes check-in and Google Maps links.

  3. Leaderboard, Challenges & Engagement Features

    We implemented a real-time leaderboard to track registrations, check-ins, and cancellations, while enabling editors to create challenges via Directus and link them to related runs and supporters. Users can view participant stats, filter leaderboards, and explore related runs, with optional features like calendar integration and reminder emails to boost engagement.

  4. Testing & Go-Live Support

    We tested all functionalities, validated user flows, and supported the go-live, ensuring the Active Flow team's RunClub feature is launched smoothly across the web app.

Results

The RunClub feature was successfully launched, providing users with an intuitive way to browse and register for runs, track their performance, and engage with challenges. The real-time leaderboard and participant stats increased user motivation and interaction, while the editor tools in Directus streamlined event and challenge management. Optional features like calendar integration and reminder emails further enhanced user engagement, and the smooth rollout ensured a seamless experience across the web app.

Make sure you don't miss

These Case Studies