UI/UX · Motion Design · 3D · End-to-End

FRAME RATE

A movie rating experience built on trust, clarity, and personalization
Scroll

A Movie Rating
App Built Around
Trust

End-to-End Production

Frame Rate is an iOS app concept designed to fix what's broken about how we rate and discover films. Every decision — what you see, when you see it, and whose opinion counts — is built around reducing bias and surfacing what actually matters to you.

Created entirely solo — UX research, user flows, wireframes, high-fidelity UI, motion design, sound design, and AI voiceover. The 3D phone, scene, lighting, and camera work were modeled and rendered in Blender, with final animation assembled in After Effects.

Role
Solo Designer
Type
Concept iOS App
Tools
Figma · Blender · After Effects
Scope
UX · UI · Motion · 3D · Sound
UI/UX DesignMotion Design3D AnimationSound Design
Frame Rate — 3D phone render

The Problem

01

Oversimplification

A single score collapses hundreds of different opinions into one number. A film that cinephiles love and casual viewers find slow gets the same 3.8 as a film everyone agrees is just okay.

02

Anchoring Bias

When you see a score before forming your own opinion, that number anchors your perception. Early reviews disproportionately shape the final average — users rate films closer to the existing score than they would have rated them blind.

03

No Verification Layer

There is no way to know whether a reviewer actually watched the film. A review written after a trailer and one written after two viewings carry identical weight on every major platform.

04

Lack of Personalization

A global average reflects the average viewer — not you. If you consistently rate a specific type of film 0.8 points higher than the community, the global score is systematically misleading for your taste profile.

36 People.
4 Clear
Patterns.

Competitive analysis of IMDb, Rotten Tomatoes, and Letterboxd revealed recurring structural failures: no reviewer transparency, ads disrupting the experience, and overly blunt scoring systems.

21 of 36 respondents had ignored a rating after their experience contradicted it. 16 had chosen something purely because of a high score — and later regretted it. These findings shaped one principle: protect your first impression before giving you anyone else's.

44%
rely on the overall rating first, before reading a single word
58%
say ratings don't explain why a film is good or bad
53%
want more detailed feedback — as long as it stays simple

Four Ideas.
None Exist Together.

01

Seen-it Gating

Scores are hidden until you log a watch. Your personalized taste score is locked until you've seen the film — eliminating anchoring bias at the structural level, not through a disclaimer.

02

Two-Tier Score Visibility

The community score is always visible but in muted type. The verified score (ticket holders only) sits alongside it. The taste score is the hero: large, yellow, unlocked after watching. The gap between verified and unverified scores is itself meaningful data.

03

Taste-Matched Scoring

During onboarding, users rate five seed films to build a taste profile. Every score is then weighted toward people who rate films similarly. A 3.8 global score might show as 4.6 for someone whose taste profile aligns with the film's core audience.

04

Time Decay Scoring

A film's score is not a fixed number — it's a story. Frame Rate tracks how scores evolve from opening week through legacy status, mapping real-world events onto that timeline. Users can see why a score moved, not just that it did.

Showcase
Video

The full product showcase was produced end-to-end — 3D camera work, scene composition, and phone model in Blender, with animation and compositing in After Effects.

Every motion beat is tied to the product: score reveals, unlock transitions, and timeline animations reflect the actual app interactions they represent.

Logo
Reveal

The logo reveal was designed to communicate the app's core concept through motion — a film strip icon animating into the Frame Rate wordmark, using only black and yellow.

Yellow signals trust and personalization throughout the entire system. The logo reveal sets that tone before a single screen is shown.

The Ad — AI Voiceover

Motion · Sound design · AI voiceover — produced independently

Wireframe to
Finished UI

Wireframe
Finished UI
Wireframe
Home Feed
01Home Feed
Search
02Search
Movie Detail
03Movie Detail
My Films
04My Films
Rating Flow
05Rating Flow
Score Timeline
06Score Timeline
Profile
07Profile
Home Feed
01Home Feed
Search
02Search
Movie Detail
03Movie Detail
My Films
04My Films
Rating Flow
05Rating Flow
Score Timeline
06Score Timeline
Profile
07Profile
Finished UI
Home Feed
01Home Feed
Search
02Search
Movie Detail
03Movie Detail
My Films
04My Films
Rating Flow
05Rating Flow
Score Timeline
06Score Timeline
Profile
07Profile
Home Feed
01Home Feed
Search
02Search
Movie Detail
03Movie Detail
My Films
04My Films
Rating Flow
05Rating Flow
Score Timeline
06Score Timeline
Profile
07Profile

Scene & Phone
Modeled by Me

Built in Blender · Rendered individually · Composited in After Effects

Frame Rate render 1
Frame Rate render 2
Frame Rate render 3
Frame Rate render 1
Frame Rate render 2
Frame Rate render 3

Color &
Typography

The visual identity centers on high-contrast dark backgrounds with a signature yellow that signals action, trust, and personalization. Epilogue and Manrope provide typographic clarity across data-dense screens.

Yellow is reserved as a system language — it means something specific on every screen. Taste scores, primary CTAs, and verified badges all share #FFD700, creating a consistent visual hierarchy without needing labels.

Signal Yellow
Pure White
Surface Dark
Deep Black
Warm Cream
Frame Rate — font and color reference

User Flow

APP LAUNCHHOME FEEDMOVIE DETAILRATING FLOWOnboarding · 5 stepsTaste profile setupFor You · DiscoverSearch · My FilmsProfileNot Seen StateUnlocked StateTimeline · ReviewsRate · Deep RateReview · VerifyConfirmation · Badge
Primary screen
Key state
Secondary node

Principled Design
Meets Usable Design

The biggest lesson: principled features and usable features are often in tension, and resolving that tension requires research rather than intuition. Seen-it gating as a concept is sound — but implementing it as a total score blackout was too aggressive. The two-tier model only emerged through testing the strict version and watching people bounce off it.

Frame Rate is a concept project. All screens, flows, motion, and 3D work were produced independently.

Work with me

More
Work