UX Design
UI Design
Webflow Website
Memberstack integration

Anaji

Website
Project Scope
A membership-based platform was designed and developed for Anaji, a yoga teacher sharing her practice online. Built in Webflow and integrated with Memberstack 2.0, the site provides gated content, subscription-based video access, and user accounts—all within a calming, intuitive experience.

Overview

Anaji wanted a digital home to expand her yoga practice beyond in-person classes and reach students worldwide. The vision was to create a peaceful, user-friendly platform where subscribers could explore yoga sessions, follow thematic packs, and progress at their own pace through a structured video library.

The project started with a site map and UX/UI wireframes in Figma, ensuring clarity in navigation and content hierarchy. The final UI design embodied the principles of calm, balance, and accessibility, visually reflecting the mindfulness central to Anaji’s practice.

The website was fully developed in Webflow, using its CMS to manage videos seamlessly. Content was integrated with Vimeo, ensuring high-quality streaming. Memberstack 2.0 was implemented for subscriptions and account management, gating access to premium content while still providing a welcoming preview of Anaji’s work for non-subscribers.
Anaji website services icons and descriptionAnaji website clean UI Design with several mockups made in webflow

Challenge

The challenge was to combine a soothing yoga-inspired aesthetic with advanced membership functionalities. The site needed to feel calming while managing gated access, video content, and multiple user journeys—all without breaking the flow of the user experience.
Anaji website Online yoga classes screens in desktop, tablet and mobile made in webflowAnaji website Yoga Videos for all levels screens in desktop, tablet and mobile made in webflow

Solution / Approach

The process began by mapping out all user journeys: non-subscribers discovering Anaji, subscribers accessing the video library, and advanced users following thematic packs. Wireframes were created in Figma, then translated into a UI design that embraced soft colors, whitespace, and calming typography.

In Webflow, the CMS was set up to dynamically manage videos, classes, and packs. Vimeo integration allowed each video to be embedded in a structured, responsive layout. Memberstack 2.0 was used to handle subscriptions, user accounts, and gated content, providing a seamless login/signup flow.

The final product balanced inspiration and functionality, allowing Anaji to both share her mission and manage a scalable digital membership business.
Anaji website Thematic Yoga Packs screens in tablet and mobile made in webflowAnaji website Introducing Anaji screens in desktop, tablet and mobile made in webflow

Key features & Highlights

  • Memberstack 2.0 Integration

    – Gated content and user accounts for subscribers.
  • Webflow CMS

    – Dynamic video management and scalable content structure.
  • Vimeo Integration

    – High-quality, seamless video streaming.
  • Calming UI Design

    – Soft, balanced interface reflecting yoga principles.
  • Thematic Packs

    – Structured yoga programs for all levels.
  • Subscription Model

    – Easy access to exclusive content for members.
Anaji website membership plans about online yoga classesAnaji inspiring quote

Results / Impact

The platform allowed Anaji to expand her yoga practice online, connecting with students beyond Portugal and offering structured, flexible programs. Subscribers gained an intuitive and inspiring digital space to deepen their practice, while Anaji now has a scalable foundation to grow her community and share positive energy worldwide.
Anaji project credits

Looking for a Web Designer?