Skip to content

Enhancement: Implement high-fidelity Video Splash Screen for improved UX #421

Description

@preetik92002-tech

Description
The current splash screen is static. Modern mobile application design trends favor dynamic, high-quality entry points to create a "premium" first impression and improve overall User Experience (UX).

Proposed Solution
I propose replacing the static splash screen with a high-fidelity video transition. This will be implemented using the video_player package in Flutter.

Technical Implementation Details:

  • Dependency: Integration of video_player: ^2.8.1 (or latest) in pubspec.yaml.
  • Asset: Use of a 540p minimalist MP4 animation featuring the "Build What Matters" motion graphic.
  • Controller Logic: * Initialize the VideoPlayerController within the initState.
  • Implement a listener to detect the position == duration to ensure navigation happens exactly when the video ends.
  • Proper memory management by calling dispose() on the controller.
  • Visual Polish: The background will be set to #FFFFFF (White) to match the video’s aesthetic, ensuring a seamless "borderless" look on all device aspect ratios.

Why this is an improvement
Engagement: A motion-based entry is more engaging than a static image.
Professionalism: It aligns with clean, minimalist design standards.
Smooth Transitions: Using a listener for navigation is more robust than a hard-coded timer.

Metadata

Metadata

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions