PROJECT DOSSIER · E-commerce & Lifestyle
Nexflix
Streaming app UI concept with genre-based discovery, movie detail screens, and a three-tier subscription paywall.
- Status
- Concept
- Role
- Flutter Developer
- Platforms
- Android · iOS
01 / ORIGIN
Product context
Portfolio UI exploration of a Netflix-style streaming app: browse trending movies/TV by genre, view title details with trailers, and a full subscription flow covering three tiers (Bronze, Silver, Gold) with monthly/yearly pricing, device and resolution limits per tier, and a payment method selector (Visa, Mastercard, Stripe, PayPal).
02 / CREW
Role and ownership
Flutter Developer.
Built the UI concept as a portfolio exploration.
03 / GRAVITY
The challenge
- Complex grid layouts for posters.
- Smooth hero transitions.
- Designing a three-tier subscription paywall (device count, user count, max resolution per tier) with a monthly/yearly toggle that stayed readable at a glance.
04 / TRAJECTORY
Engineering approach
- Used Flutter grid widgets for responsive layouts.
- Kept animations lightweight.
05 / SYSTEMS
What I built
- Implemented trending media feed and movie detail screens with trailer previews.
- Built the genre-based Discover and Collection screens with per-title progress badges.
- Built the three-tier subscription flow (Bronze/Silver/Gold, monthly/yearly pricing) and a multi-method payment selector.
06 / NAVIGATION
Technical decisions
Grid layout with aspect ratios
Fixed poster aspect ratios kept the grid visually consistent.
10 / SIGNAL
Results and proof
Completed UI concept for media discovery.
Evidence · public