Fan Club App Figma Design
Budget: €30 – €250 EUR
Figma Design for mobile app
Screen Layout List — Fan Club App
Auth Flow (4 screens)
Splash / Onboarding — logo, tagline, CTA buttons
Register — email, password, confirm password
Login — email, password, forgot password link
Forgot Password — email input + confirmation state
Main App (Tab Bar / Bottom Nav)
Home Tab (1 screen)
Home / Dashboard — welcome banner, membership status card, quick actions (renew, view card, upcoming events)
Membership Card Tab (2 screens)
Digital Member Card — full-screen card with name, member number, status badge, dynamic QR code (with "tap to refresh" behavior note)
Membership Plans — tier selection (Annual / Monthly), Stripe checkout CTA
Subscriptions Tab (2 screens)
Subscription Plans — 3 cards (10€ / 20€ / 50€), active plan highlighted
Subscription Management — current plan, next billing date, change/cancel options
Profile Tab (3 screens)
Profile — avatar, name, email, status badge, subscription history list
Edit Profile — editable fields
Subscription History — list of past payments with date/amount/status
Onboarding / Post-signup (2 screens)
Account Confirmation — email sent confirmation state
Welcome / Setup Complete — first-time success screen after verification
Screen Layout List — Fan Club App
Auth Flow (4 screens)
Splash / Onboarding — logo, tagline, CTA buttons
Register — email, password, confirm password
Login — email, password, forgot password link
Forgot Password — email input + confirmation state
Main App (Tab Bar / Bottom Nav)
Home Tab (1 screen)
Home / Dashboard — welcome banner, membership status card, quick actions (renew, view card, upcoming events)
Membership Card Tab (2 screens)
Digital Member Card — full-screen card with name, member number, status badge, dynamic QR code (with "tap to refresh" behavior note)
Membership Plans — tier selection (Annual / Monthly), Stripe checkout CTA
Subscriptions Tab (2 screens)
Subscription Plans — 3 cards (10€ / 20€ / 50€), active plan highlighted
Subscription Management — current plan, next billing date, change/cancel options
Profile Tab (3 screens)
Profile — avatar, name, email, status badge, subscription history list
Edit Profile — editable fields
Subscription History — list of past payments with date/amount/status
Onboarding / Post-signup (2 screens)
Account Confirmation — email sent confirmation state
Welcome / Setup Complete — first-time success screen after verification
Related categories:
Website Design
Graphic Design
User Interface / IA
App Design
Prototyping
Figma
Interaction Design