We've designed your Web App to feel familiar to your members, drawing inspiration from the structure of your existing mobile app. This article will guide you through how your Web App is organized and the customization options available to you.
Structure & Seamless Experience
Think of your Web App as an extension of your mobile app. To ensure a smooth transition for your members, the main navigation of your Web App mirrors your mobile app's structure:
- Main Tabs in the Side Menu: The primary tabs you've set up in your mobile app will automatically appear as the main options in the Web App's side menu. This creates a consistent and intuitive browse experience for your audience.
- Easy Access to Member Playlists: Your members' personalized playlists, such as favorites, will be conveniently located in the side menu as well, making it easy for them to find and enjoy their saved content.
Tailoring Your Look: Exploring Available Templates
We understand the importance of showcasing your brand's unique style. That's why we offer a selection of visually appealing templates to customize the main content areas of your Web App.
Currently, the most of the templates available in VidApp will be displayed as the Slider - Horizontal Scroll in your Web App. This template is ideal for visually displaying your content in an engaging, easily browsable format.
Additionally, here are some other templates available in the Web App to best represent your content and brand aesthetic:
- Hero Carousel: A prominent, visually impactful carousel that showcases featured content with larger images. Perfect for highlighting new releases or popular classes.
- Slider - Square: Displays content in a visually balanced grid of square thumbnails.
- Slider - Portrait: Presents content with portrait-oriented thumbnails, ideal for showcasing individual instructors or specific types of content.
- List - Large Thumbnails (displayed as Slider - Horizontal Scroll with large thumbnails): If you're using the "List - Large Thumbnails" or "Carousel" template in your mobile app, it will be beautifully adapted into a horizontal scrolling slider with large thumbnails in your Web App, ensuring a visually rich experience.
Branding Your Web App
Beyond the layout structure, you have even more control to make your Web App truly your own! Within the Web App section of your Builder, you can further enhance your brand presence by customizing key visual elements:
- Upload Your Logo: Make your brand instantly recognizable by uploading your logo, which will be prominently displayed in your Web App.
- Custom Favicon: Add a touch of professionalism and brand consistency by uploading your own favicon. This small icon appears in browser tabs and bookmarks, reinforcing your brand identity.
- Brand Your Sign-Up and Sign-In: Create a cohesive brand experience right from the start by uploading custom images for your member sign-up and sign-in flows. This allows you to welcome new and returning members with your unique visual style.
These simple yet powerful customization options allow you to create a Web App that perfectly reflects your brand and provides a seamless and professional experience for your valued members.
Summary:
Your Web App is designed to be both familiar and flexible. The core navigation aligns with your mobile app, while the available templates allow you to customize the look and feel of your content to best represent your brand and engage your audience.
If you have any questions about customizing your Web App or want to explore which template best suits your needs, please don't hesitate to contact our Success Team.