How to build your Mobile Apps (Android and iOS)
Anjana avatar
Written by Anjana
Updated over a week ago

Now that you've crafted your website and customized your streaming service's look and feel, the next crucial step is to extend your reach to mobile users. Creating dedicated apps for Android and iOS ensures that your content is easily accessible to a broader audience. Here's a simple guide to help you build your mobile apps seamlessly.

Building of Android and iOS apps in Ventuno are similar with minor differences, like assets and app information required which are specific to Google Play and Apple App Store. In this article I will walk you through the steps,

Step 1: Selecting a Theme

  • From the Apps section of the left menu, select Mobile Apps and then select Android or iOS (based on the app you want to build first).

  • You will see themes, you can preview a theme by clicking on the Preview button below the theme

  • Also, toggle the light and dark options in the Choose Theme Type on the top to see how it looks before selecting one.

  • Finally, click on the Save button

Step 2: Filling in Basic Info

  • Now Move on to the next tab Basic Info

  • Here fill in details like your App name, Package name, and a description for your app

  • Select your brand colors

  • And upload your brand assets - like logos

  • Then click on the Save button


​
​



Step 3: Approving Content

Your next step is to approve what shows and playlists you want to make available in your Android/iOS apps. This ensures you have full control over what content is available in which app.
​
Simply push allowed Shows and playlists to the right side and click Save
​
​

Step 4: Crafting Your App Pages

The design phase is where the real magic happens in constructing your mobile apps.

Here are the default pages that come with predefined settings:

  1. Home Page

  2. Show Detail Page

  3. Video Detail Page

  4. Movie Detail Page

  5. Live Page

Furthermore, you have the freedom to add and customize any number of custom pages and widgets to cater to your specific requirements. The process of customization is similar to what you've done on your website or other applications.



Step 5: Customizing the Header

The header is very important for your mobile app as it will be available on all pages and enable smooth navigation.

Here are the header options that can be customized

  • Select the layout for the header

  • Toggle elements ON if you want them to be included in your header and OFF if you do not want them in your header

  • You can also add custom pages to your header (and select icons from the icons below them)

  • Finally, Save the page

Step 6: Customizing the Footer

Much like the header, the footer plays a crucial role in your mobile app's design, providing a consistent element across all pages.

  • Pick the layout that suits your footer.

  • Select icons corresponding to each page.

  • Toggle elements ON or OFF based on your preference.

Step 7: App Settings

On this page, you will have to make generic app settings that will help you customize your overall app's appearance and user experience.

To generate your app's certificate reach out to our Customer Support Team

Step 8: Build App

Just hit the build button and download your app

Did this answer your question?