The dashboard was designed to be scalable across programs, using shared systems while allowing for brand-specific customization.
Built in Webflow + Memberstack
We leveraged Webflow for front-end design and layout control, paired with Memberstack to handle gated access, user authentication, and membership tier logic. This allowed us to create a highly styled, branded experience without sacrificing dynamic user-level personalization.
CMS-powered cards and spotlight modules
Every tile on the dashboard — including benefits, events, and spotlight content — is powered by Webflow CMS collections. This setup allows non-technical teams to update, reorder, or schedule content without developer involvement, enabling real-time flexibility and seasonal storytelling.
Conditional logic to show/hide tiles by tier or status
Using Memberstack properties, we dynamically control the visibility of dashboard components. For example, a “Complete Your Profile” page disappears once the user’s onboarding is done, while “Exclusive Perks” tiles can be tier-restricted. This ensures the experience feels curated and uncluttered for every member.
Responsive layout for mobile and desktop
The layout system is fully responsive and was designed mobile-first. Tiles stack fluidly, buttons reflow, and typography scales based on screen size. Interactions — such as RSVP buttons or benefit claim links — are optimized for touch, supporting on-the-go access for members.
Ready to support future modules like gifting, shipping status, badges, and referrals
We planned the system to grow over time. The design and CMS architecture already support easy integration of future modules.