Vista Flicks
Admin, App and Website
About Project
We built Vista Flicks as a premium short-video platform where users can watch exclusive reels uploaded by content distributors. The project includes a mobile app for users, a dedicated web portal for content distributors to upload and manage their reels, and a powerful admin panel to control pricing, approvals, and overall platform operations, all designed to deliver a smooth and personalized experience.
Project Overview
Problem Statement
Users often struggle to discover good movies, reliable reviews, and premium short clips related to films. There's no centralized platform where they can quickly explore high-quality movie-based reels and easily decide where to watch the full content across streaming platforms.
Solution Statement
Vista Flicks solves this by offering a premium short-reel experience focused on movies. Users can watch curated clips, discover trending films, and instantly redirect to platforms like Amazon Prime, Netflix, and more. They can also share reels with friends through in-app groups, making movie discovery social and seamless.
Colors & Typography
We designed Vista Flicks with a clean and modern visual style. We chose the Inter font for its simplicity and readability across devices. Our primary color is red, representing energy, excitement, and boldness, a perfect fit for the fast-paced world of premium short video content.
Brand colors
Primary
#D71920
Primary BG
#D71920
Primary Gray
#D71920
Secondary Gray
#D71920
White
#FFFFFF
Font
Inter
Text Weight
Aa
Regular
Aa
Medium
Aa
Semi Bold
Aa
Bold
Style Guide
Impressive Screens
-
Welcome
This is the entry screen of the app. It introduces the brand and sets a modern, minimal tone before taking users to the login process.
-
Set Preferences
Allows users to choose their preferences or interests. This helps the app tailor recommendations and content according to the user’s taste.
-
Explore Feed
The main dashboard or content feed where users can scroll through available Previews based on their selected preferences or location.
-
Detailed Listing
This screen shows detailed information about a Preview (Reels) — including Movie Data, IMDb Ratings, about, Reviews, Similar
-
Search Results
Displays results based on the user’s search input. The content is shown in filtered like Movies or Web Series, helping users quickly find relevant items.
-
User Profile
Displays the user’s profile information including name, email, contact details, and preferences.
Home Screen (CD)
Content Management
Preview Analytics
Ad Campaign Builder
Global Analytics
Admin Login
Manage Pricing
Coupon Management
Support Desk
Reels Manager
Set Preferences
(Watch Preference Setup)
Feature:
A chatbot asks what type of content the user enjoys watching. This helps customized the feed with relevant reels from the very first session.
Problems Faced:
Making the conversation flow natural, preventing overwhelming questions, and keeping the process engaging.
Solution:
Developers used a step-by-step conversational UI, while designers focused on a chatbot-inspired interface with visually appealing response options.
Reels
(Personalized Reels)
Feature:
This is the main screen where users explore trending reels, personalized content, and updates based on their selected preferences.
Movie Info
(Rich Data & Recommendations)
Feature:
This screen shows complete information about a selected movie, including synopsis, cast, runtime, and related reels or trailers.
Movie Info Screen
(User Engagement Insights)
Thinking:
This screen needed to simplify ad customization while ensuring that users could see real-time previews of their ad creatives.
Problems Faced:
Rendering multiple ad previews in real time led to performance issues. Users also needed flexibility in ad design without making the UI complicated.
Solution:
A guided setup wizard was introduced, breaking down ad creation into simple steps. Live previews were integrated to show how ads would appear before launch. A recommendation engine was also implemented to suggest best ad formats based on content type.
Movie Info Screen
(User Engagement Insights)
Thinking:
This screen needed to simplify ad customization while ensuring that users could see real-time previews of their ad creatives.
Problems Faced:
Rendering multiple ad previews in real time led to performance issues. Users also needed flexibility in ad design without making the UI complicated.
Solution:
A guided setup wizard was introduced, breaking down ad creation into simple steps. Live previews were integrated to show how ads would appear before launch. A recommendation engine was also implemented to suggest best ad formats based on content type.
Global Analytics
(Content Analytics)
Thinking:
Rendering multiple ad previews in real time led to performance issues. Users also needed flexibility in ad design without making the UI complicated.
Problems Faced:
Displaying large-scale data in an interactive yet lightweight manner was a major challenge. The heatmap visualization also required real-time updates without lagging the interface.
Solution:
The team implemented dynamic data fetching to load only the necessary information at a time. The heatmap was built using optimized JavaScript libraries, ensuring smooth rendering. A filter-based approach allowed users to drill down into specific insights without overwhelming them with excessive data.
Roles & Policy Module
(Secure Access Control)
Thinking:
Admins needed a way to define roles and permissions while keeping the system scalable for future updates.
Problems Faced:
Handling complex permission hierarchies and ensuring security without overwhelming the admin with settings was challenging.
Solution:
A structured role-based access control system (RBAC) was implemented, and designers created a user-friendly role-assignment interface with predefined templates.
Important Days
(Automated Event Banners)
Thinking:
The feature aimed to automate banner updates based on special events and user preferences.
Problems Faced:
Managing scheduled banners, ensuring correct country-based visibility, and handling dynamic content updates were key challenges.
Solution:
Developers added an event-based scheduling system, while designers implemented a preview section so admins could see banners before publishing.
Explore Sequencer
(Content Recommendations)
Thinking:
Admins needed a way to update mobile app recommendations dynamically for a better user experience.
Problems Faced:
Managing a large database of content, ensuring relevant suggestions, and updating recommendations without performance issues were challenging.
Solution:
Developers used machine learning algorithms for personalized recommendations, and designers created an interactive interface to manually adjust sequences easily.
Be in Touch With Us.
