Search Phrase = power
Header Images Component Tutorial
In the video above you can use the chapters menu to jump to main chapters of the video or use the time code references below to manually jump to parts of the video. The video also has searchable transcripts in the video player. These features are shown below.
If you are looking for a quick tech demo of how to integrate the Header Image Component simply start at 1:18 in the video demo above and you will get a full breakdown of the essentials in less than two minutes.
Then continue on for the remainder of the demo to get a variety of creative design strategy tips and techniques to help provide a world-class visual experience for your site.
The header image component provides a versatile and visually impactful way to set the tone and context for web page content. This demo will show you how header images can be used in either a fixed width or full browser width layout, allowing for creative flexibility in design.
The technical steps for using the Header Image Component are very simple and straight forward. As such, the primary focus of this demo is to show a variety of creative strategies of you can use image styles to set the tone and mood of your user experience. If you are looking for the technical steps you can jump straight to 23:10 in the video above. You will see the steps completed in just a few clicks.
This demo covers various creative strategies like using blurred images, color saturation, and logo overlays to establish the desired mood and branding. The process for implementing header images was shown to be straightforward, leveraging Photoshop templates to easily size and export assets. The demo emphasizes the importance of coordinating header imagery with body content to create a cohesive user experience. The demo highlights the power of the header image component to elevate the visual design of a website through a simple yet effective implementation.
Header Image Component Overview [0:01]
Josh Lomelino introduces the header image component, emphasizing its optional nature but noting its importance for design aesthetics and consistency.
The header image can be used for various purposes, such as Success Path diagrams, and is flexible across different form factors (mobile, tablet, desktop).
The header image can occupy either a fixed size or full screen width, adapting dynamically to the device's size.
Josh demonstrates how the header image component adjusts its size and position on different devices, including mobile and desktop.
Fixed vs. Full Width Header Images [3:21]
Josh explains the two primary ways to use the header image component: fixed width and full width.
A fixed width image is useful for Success Path diagrams, showing the user's progress through content.
The full width image spans the entire browser width, providing a dynamic and adaptive look.
Josh shows examples of both fixed and full width images, highlighting their respective uses and benefits.
Creative Strategies for Header Images [6:58]
Josh discusses various creative strategies for using header images, including blurred images, color saturation, and logo overlays.
Blurred images can set the tone and texture of the page, while color saturation can enhance the mood of different sections.
Logo overlays can be used to show product or company logos, or sub-brands within an organization.
Photographic images, including cropped photography, can create visual interest and set the stage for the content.
Implementation and Exporting Images [10:59]
Josh provides a step-by-step guide on implementing header images, including the best image sizes for full width and fixed width images.
For full width images, the recommended size is 2300 pixels wide by 240 pixels tall.
For fixed width images, the recommended size is around 1448 by 308 pixels.
Josh demonstrates how to export images from Photoshop, ensuring they are the correct size and quality for the header component.
Using Templates and Media Manager [22:49]
Josh explains the use of templates for header images, including full width and fixed width templates.
The templates are structured to allow easy drag and drop of images, with layers for different elements like logos and header images.
Josh shows how to use the media manager to upload and manage images, emphasizing the importance of consistent file organization.
He also discusses the flexibility of using open-source image editing software like GIMP and Procreate.
Coordinating Header and Body Images [36:04]
Josh demonstrates how to coordinate header images with body images to create a unified look and feel.
He explains the process of exporting and uploading images, ensuring they are the correct size and quality.
Josh highlights the importance of file naming conventions to avoid issues with server caching.
He shows how to update and replace images in the media manager, ensuring the new images are correctly integrated into the page.
Creative Freedom and Customization [36:20]
Josh encourages users to explore different creative strategies for header images, including using stock imagery from sites like Unsplash.
He emphasizes the importance of having a clear license for any content used.
Josh demonstrates how to use different effects and adjustment layers in Photoshop to enhance the look of header images.
He shows how to create a visual content brainstorm spreadsheet to plan and organize images for different pages or classes.
Handling Image Caching and Updates [45:00]
Josh explains how to handle issues with image caching, including clearing browser cache or renaming files to force updates.
He demonstrates the process of updating and replacing images in the media manager, ensuring the new images are correctly integrated.
Josh highlights the importance of testing and refreshing the page to ensure the new images are visible.
He provides tips for managing and organizing images in the media manager to maintain consistency and efficiency.
Final Thoughts and Best Practices [49:17]
Josh summarizes the key points of the tutorial, emphasizing the flexibility and creative freedom of the header image component.
He encourages users to explore the examples and templates provided, using them as inspiration for their own designs.
Josh highlights the importance of consistent file organization and proper image sizing for optimal performance.
He concludes with a reminder to always test and refresh the page to ensure new images are correctly displayed.
Creating a Curriculum Plan End to End
Creating Engaging Curriculum Plans 0:04
Josh Lomelino introduces the process of creating curriculum plans that engage and empower students, blending accredited programs with public-facing classes.
He shares a personal anecdote about a professor's advice on being a "sage on the stage" versus a "guide on the side," emphasizing the importance of learner engagement.
Josh discusses the principles of game design and the importance of motivation in creating engaging learning experiences.
He highlights the need to align curriculum planning with the question, "What can I do with this?" to make learning meaningful and actionable.
Framework for Aligning Program and Course Outcomes 6:28
Josh introduces a framework shared by Julie Basler, the nationwide accreditation director, which aligns program and course outcomes.
He explains the triangular approach, starting with the school mission, followed by program missions, program outcomes, and finally, class competencies.
Josh emphasizes the importance of mapping these outcomes to specific class-level outcomes to create targeted and efficient courses.
He shares his experience of optimizing the workflow to create entire course plans in less than a day, significantly reducing the time and effort previously required.
Success Path Planning and Journey Mapping 20:10
Josh introduces the concept of success path planning and journey mapping, using a UX design approach to create a motivational learning experience.
He explains the stages of a learner's journey, from awareness to success, and the characteristics associated with each stage.
Josh discusses the importance of using the right verbs to describe success milestones and outcomes, aligning them with the learner's progress.
He provides an example of mapping course outcomes to specific milestones and action steps, ensuring a clear path for learners to achieve their goals.
Bloom's Taxonomy and Hierarchy of Learning 46:58
Josh introduces Bloom's Taxonomy as a framework for designing learning outcomes, outlining the different levels of learning from knowledge to evaluation.
He explains the importance of using specific verbs at each level to describe the types of learning activities and outcomes.
Josh provides a cheat sheet for Bloom's Taxonomy, listing verbs for each level to help in writing outcome statements.
He emphasizes the need to build a foundation of knowledge and comprehension before moving to higher-order thinking skills like analysis and evaluation.
Creating Course Outcomes and Mapping to Lessons 1:07:43
Josh demonstrates the process of creating course-level outcomes using Bloom's Taxonomy, starting with knowledge and moving to evaluation.
He provides examples of course outcomes and maps them to specific lessons and activities, ensuring alignment with the overall learning goals.
Josh discusses the importance of using the right verbs to describe what learners will be able to do, making the outcomes actionable and measurable.
He emphasizes the need to continuously refer back to the course outcomes to ensure that all lessons and activities support the desired learning objectives.
Curriculum Planning Matrix and Assessment Mapping 1:33:43
Josh introduces the curriculum planning matrix, a tool for mapping course outcomes to specific lessons and assessments.
He explains the structure of the matrix, including metadata, time tracking, and assessment mapping, to create a cohesive and purposeful learning experience.
Josh demonstrates how to map weekly outcomes to specific lessons and activities, ensuring that each lesson supports a clear learning objective.
He emphasizes the importance of aligning lessons with course outcomes and using the matrix to track progress and measure success.
Detailed Curriculum Planning Example 1:33:58
Josh provides a detailed example of a curriculum plan for a social media and digital marketing class, demonstrating the complete planning process.
He explains the metadata, time tracking, and assessment mapping for the class, including the total hours required and the distribution of activities.
Josh highlights the importance of aligning lessons with course outcomes and using the curriculum planning matrix to ensure a cohesive and purposeful learning experience.
He emphasizes the need to continuously review and refine the curriculum to ensure it meets the learning goals and supports the success of the learners.
Final Steps and Tools for Curriculum Planning 1:35:42
Josh summarizes the key steps in the curriculum planning process, including brainstorming phases, mapping outcomes, and creating detailed lesson plans.
He emphasizes the importance of using the right verbs and aligning lessons with course outcomes to create a motivational and engaging learning experience.
Josh provides tools and resources, including templates and cheat sheets, to help in the curriculum planning process.
He encourages continuous review and refinement of the curriculum to ensure it meets the learning goals and supports the success of the learners.
Creating a Curriculum Plan End to End 1:35:58
Josh Lomelino introduces the concept of a built-in scheduling tool for planning and deadlines.
Discussion on the use of rubrics for assessment, especially in public-facing courses.
Josh explains the assignment sheet and its role in outlining the entire assessment process.
High-level goals and outcomes are outlined, emphasizing the end-to-end planning process.
Project Scenario and Assignment Steps 1:42:58
Josh emphasizes starting with a project scenario and providing examples and rationale.
The assignment steps are flexible, ranging from 16 weeks to as short as five weeks.
Each assignment is broken down into specific steps with submission information and a rubric.
The rubric includes categories like business overview, customer avatars, competitive research, and a process book.
Grading and Accreditation Preparation 1:45:07
Josh discusses the importance of grading and rubrics for accreditation purposes.
The process involves pre-planning grading points and distinct grading categories.
External documentation is used before executing the plan within an LMS.
The document is not completed in one pass but unfolds week by week.
Success Path and Competency Development 1:47:18
Josh outlines the success path from initial unhappiness to transformation.
Focus on teaching students to develop the necessary competencies.
Thinking creatively and getting away from the computer helps in the ideation process.
Josh plans to use audio recordings to capture free-forming thoughts and ideas.
Leveraging AI for Content Creation 1:50:39
Josh explains the use of AI tools like Otter AI to transcribe audio recordings.
The transcript helps generate learning outcomes and lesson plans from the speaker's own words.
The process involves recording thoughts in sequence and combining them into a single file.
The final output provides a structured outline for content creation.
Finalizing the Curriculum Plan 2:08:57
Josh emphasizes the importance of having a clear success path with five to six phases.
The final output includes a detailed transcript and summary of ideas.
The process helps in creating targeted content that aligns with the success path.
The final matrix serves as a knowledge base for querying and generating new ideas.
Implementing the Plan 2:12:18
Josh discusses the importance of mapping ideas to specific phases of the success path.
The process involves querying the knowledge base for lesson ideas and action items.
The final matrix includes practical tips and techniques for developing a healthy lifestyle.
The approach ensures that the curriculum is actionable and moves learners towards their goals.
Refining the Content 2:15:00
Josh plans to refine the content by focusing on specific lessons and their details.
Each lesson is dedicated to a single audio recording and subsequent transcription.
The process helps in generating detailed video scripts and lesson plans.
The final output includes a clear structure for the entire course experience.
Creating a Knowledge Base 2:22:41
Josh emphasizes the importance of creating a knowledge base for future reference.
The knowledge base includes all key steps, tools, and resources used in the process.
The approach ensures that the final curriculum is comprehensive and actionable.
The knowledge base serves as a resource for continuous improvement and content creation.
Final Thoughts and Encouragement 2:23:38
Josh encourages participants to query their own brains and use AI tools for brainstorming.
The process helps in generating a variety of assets and content ideas.
The final matrix includes a detailed outline for the entire course experience.
The approach ensures that the curriculum is designed to help learners achieve their goals and become raving fans.
Here are strategies you can use to create engaging and motivational learning experiences for students.
Here are some key strategies Josh Lomelino discussed for creating engaging and motivational learning experiences:
Getting Started
This introductory programming session focuses on teaching beginners how to write actual computer code using an Integrated Development Environment (IDE), specifically the Processing language. Josh Lomelino emphasizes learning programming logic and algorithms by creating computer graphics, starting with building a simple character like a robot. The approach aims to provide a lightweight, accessible entry point into programming that can be applied across multiple programming languages. By starting with practical, hands-on coding, participants will learn fundamental programming concepts while creating visual, interactive projects.
Here are the key things you will be able to do after you watch this demo:
Set up and navigate an Integrated Development Environment (IDE)
Write basic computer code using the Processing programming language
Create simple computer graphics and draw characters on screen
Understand fundamental programming logic and algorithm development
Translate programming concepts across multiple coding languages
Build foundational skills in computer graphics programming
Apply logical thinking to solve computational problems
Recognize the basic structure and syntax of a programming language
Develop a beginner's understanding of how computers interpret and execute code
Create interactive visual programs from scratch
Introduction to Programming and IDEs 0:01
Josh Lomelino emphasizes the importance of taking immediate action and introduces the concept of writing computer code from the start.
He explains the need for an Integrated Development Environment (IDE) to write and run code, highlighting its versatility in supporting various programming languages.
Josh mentions several programming languages that can be used within an IDE, including Python, Java, C++, C#, Swift, JavaScript, and even C.
He stresses that the focus will be on learning logic and creating algorithms, rather than getting bogged down in the choice of specific languages.
Building a Character and Computer Graphics 2:02
Josh announces the first project: building a character, specifically a robot, which will serve as the foundation for computer graphics.
He explains that the principles learned in this project will be applicable to various fields, from video games to animated movies.
The project aims to introduce the basics of computer graphics, which are essential for understanding more complex programming concepts.
Josh introduces the language Processing, which is based on other existing languages and will be used for the initial programming exercises.
Advantages of Processing Language 2:39
Josh highlights the benefits of using Processing, including its lightweight nature and the ability to build things quickly.
He notes that other languages may require more setup and have additional overhead, which can complicate the learning process.
Processing is chosen for its simplicity and the ease with which it can be applied to other programming languages.
The next video will cover the steps to set up an IDE and begin building logic and computer graphics programs.
Next Steps and Conclusion 3:38
Josh outlines the plan for the next video, which will focus on setting up an IDE and starting to build logic and computer graphics programs.
He reiterates the importance of understanding logic and how it can be applied to create powerful programs.
The goal is to make the computer perform cool tasks by applying logical thinking and programming concepts.
Josh concludes the session by encouraging participants to prepare for the next steps and expresses excitement for the upcoming projects.
Automated Video Production Pipeline
This video guides you through setting up an automated video production pipeline, from selecting and testing brand voices using Eleven Labs to pairing them with digital avatars in HeyGen. By following the steps, you'll learn how to catalog and integrate voices, match them with visual characters, and generate preview videos for evaluation. Once you complete the video, you'll be able to efficiently create, test, and organize multiple spokesperson options for your brand's automated content generation. This process empowers you to streamline video production and build a scalable library of branded video assets.
Following are the key things you will be able to do after you watch this demo:
Identify suitable brand voices using generative AI tools.
Catalog and organize voice and avatar options for efficient selection.
Integrate third-party voices into video production platforms.
Pair voices with digital avatars to create compelling spokesperson combinations.
Generate and preview automated video content for evaluation.
Document and track production assets for streamlined workflow.
Select and finalize top spokesperson options for automated content generation.
Introduction to Automated Video Production Pipeline (00:00:00 – 00:00:59)
Josh kicks off the demo by outlining the goal: selecting brand-aligned voices and digital doubles (either your own clone or hired actors), organizing those assets, and laying out the end-to-end steps needed to spin up a fully automated video production pipeline.
Content Sequencing Concept and Cloning (00:00:59 – 00:02:20)
He explains the core idea of building a repeatable sequence of content—cloning a finished production over and over—so you can continually generate new videos by plugging different scripts into the same automated workflow.
Defining Digital Doubles and Voice Types (00:02:20 – 00:03:11)
Josh clarifies terminology (digital twin vs. digital double), walks through the two main “buckets” of voice assets (personality-based clones vs. spokesperson avatars), and discusses how to mix and match them depending on your brand needs.
Selecting Platforms for Generative AI and Deployment (00:03:11 – 00:04:00)
He emphasizes the importance of vetting your generative-AI tools—voice engines and video avatars—and making sure they’re compatible with your target platforms before committing to any given solution.
Brand-Focused Workflow and SRT Utilization (00:04:00 – 00:05:25)
Josh decides to focus on one streamlined method for this demo, using a single SRT transcript file as the “source of truth” for automation—underscoring that a clean, well-formatted SRT is absolute gold when you’re architecting an automated pipeline.
Importing SRT and Leveraging Automation (00:05:25 – 00:07:40)
He shows how to import the SRT into the voice-generation platform, highlighting how the time-coded script drives every subsequent step—from audio rendering to scene assembly.
Setting Up Voice Design in ElevenLabs (00:07:40 – 00:11:49)
A step-by-step walkthrough of testing voice presets, tweaking text lengths, integrating third-party voices, and crafting voice-design prompts to nail down the exact tone and style you want.
Managing Credits and Reviewing Generated Audio (00:11:49 – 00:15:46)
Josh demonstrates how to monitor and conserve your generation credits, preview the rendered audio, swap out placeholder text, and ensure you’re only spending resources on polished clips.
Applying Voiceover and Text Overlays to Video (00:15:46 – 00:19:08)
He attaches the finalized voice track to the video timeline, adds and styles text overlays (centering, contrast adjustments), and assembles the basic video composition ready for export.
Enhancing Prompts with AI Tools for Voice Design (00:19:08 – 00:22:04)
Introduces additional AI utilities for brainstorming and refining your voice-design prompts—showing how to iterate until you get a sample that truly matches your brand voice.
API Key Handling and Asset Export Configuration (00:22:04 – 00:27:28)
A practical guide on securely copying your ElevenLabs API key, configuring export settings (e.g., 4K output), and organizing all generated files into branded folders for easy access.
Frame Rate Considerations and Quality Checks (00:27:28 – 00:31:42)
Notes the default 25 fps setting, explains how frame rate impacts perceived motion, and walks through checking your export quality to avoid any unexpected artifacts.
Avatar Adjustments, Project Naming, and Fallbacks (00:31:42 – 01:05:16)
Josh covers fine-tuning avatar scale and positioning, updating project names for consistency, and setting up fallback workflows if you need to swap voices or visuals mid-pipeline.
Avatar Replacement and Cataloging (00:31:42 – 00:34:06)
Pair your chosen voice with visuals by replacing the default avatar, browsing through the 21 “looks” in each category, using the snipping tool to capture promising thumbnails, and logging each candidate’s name and category in your tracking spreadsheet.
Avatar Testing and Video Formatting (00:34:07 – 00:36:24)
Brainstorm voice–visual combinations (e.g. “August”), select a portrait-mode avatar, preview the static image, upload any custom avatars into the pipeline, drag your source video beneath the avatar layer, and confirm the composition and framing.
Voice-Avatar Sync and Quality Comparison (00:36:24 – 00:37:39)
Generate audio samples to compare HeyGen vs. ElevenLabs quality, force-refresh the clip to confirm it’s using the intended voice (e.g. Ryan Kirk), and watch for the spinning indicator to verify successful render.
Preview Generation and File Labeling (00:38:10 – 00:39:11)
Render a 4K preview of the voice-avatar pairing, then label the export asset with your convention (e.g. 001_RyanKirk_CharlieAvatar) so each test remains organized and easily identifiable.
Pipeline Duplication for Variant Testing (00:39:11 – 00:41:15)
Duplicate the entire sequence to create “Test 002,” swap in a new avatar (such as Colton), explore lifestyle/UGC categories, and note how background removal and frame size affect the final look.
Background Removal and Frame Adjustments (00:41:15 – 00:42:32)
Apply the background-remover tool to avatars with built-in backgrounds, observe any cut-offs (like arms being cropped), tweak the canvas framing, and decide between static vs. transparent backgrounds based on brand needs.
Third-Party Voice Integration Workflow (00:42:32 – 00:44:03)
In the “My Voices” tab, toggle on integrated voices (e.g. Charlie), heart your favorites so they surface first, preview each sample, and ensure the API integration is active before proceeding.
Voice Audition Labeling and Mood Board Documentation (00:44:03 – 00:47:09)
Name each audition (e.g. 002_CharlieAvatar), update your mood board with snipped thumbnails, record which browser tab or category each came from, and keep this documentation up to date for reproducibility.
Frame Rate and Credit Management (00:47:09 – 00:48:06)
Note the default 25 fps setting—mismatches can cause audio sync issues—toggle off “Avatar 4” if you’re on an unlimited plan, and monitor your generation credits to avoid unexpected limits.
Styling and Folder Organization (00:48:06 – 00:49:29)
Adjust text overlay colors to maintain contrast (match your brand palette), create new folders for each batch, and standardize your output directory structure so you know exactly where each rendered clip lives.
Option Preview and Cataloging Workflow (00:49:30 – 00:55:51)
Refresh thumbnails, scroll through voice-avatar combos, assign option numbers, screenshot grids of candidates, and log each pairing’s status (“Yes,” “Maybe,” “No”) in your spreadsheet.
Iteration Process and Consistency Notes (00:55:51 – 00:57:23)
Always regenerate every variation (never reuse stale renders), note any limitations (e.g. animated text can cover on-screen elements), and keep your naming and documentation consistent so the pipeline remains bullet-proof.
Ranking Options and Visual Separators (00:57:24 – 01:02:40)
Introduce visual separators in your catalog (e.g. blank rows), rank the top voice-avatar combos, screenshot your “definite yes” list, and preserve those as templates for future batches.
Additional Voice Integration: Amelia (01:02:40 – 01:04:33)
Search for “Amelia” in your voice library, verify whether it’s built-in or needs third-party integration, add it to favorites, preview the sample, and record its ID for consistent reuse.
Final Voice Candidate Integration (01:04:33 – 01:05:16)
Confirm Amelia’s render, then search for any last candidates (e.g. “Analore”), heart and test them, catalog the results, and ensure each new voice is fully integrated into the pipeline.
Final Pipeline Recap and Scale Duplication (01:07:40 – 01:08:34)
Recap how you’ve selected your final set of voices and avatars, finalize your naming conventions, and highlight that you can now duplicate this entire automated workflow to churn out an endless library of on-brand social-media videos.
Planning the Big View
The video introduces the concept of setting up a "home base" for your online business using AMP. This home base will include a main website, blog, lead magnets, online memberships, and capabilities for internal and external training. The goal is to provide a comprehensive platform where you can manage all aspects of your online presence and activities without needing to code.
Here are the key things you will be able to do after you watch this demo:
Plan the information architecture and site map for your home base website.
Implement a main marketing website, blog, and lead magnets using AMP.
Manage unlimited online memberships, courses, and subscription options within AMP.
Develop internal company training and external customer training programs on your AMP platform.
Integrate sales and marketing funnels into your AMP-powered home base.
Consolidate your online business activities into a single, code-free platform.
Setting Up Home Base and Information Architecture (0:00)
Josh Lomelino introduces the concept of launching a website and the importance of having a clear information architecture.
The main website will include key information, marketing messages, and contact details.
Josh mentions the possibility of consolidating various online elements like blogs and marketing sites into one central location.
The goal is to use AMP to manage all online business activities efficiently.
Components of Home Base (2:16)
Josh explains that home base will include the main website and a blog.
The blog will feature unlimited articles to attract traffic and address specific pain points.
Lead magnets, such as free resources, training, and digital downloads, can be used to drive traffic to the site.
Online memberships, both free and paid, can be managed through AMP, offering various classes and subscription models.
Handling Internal and External Training (3:29)
Josh discusses the need for internal company training and external customer training.
A knowledge base is essential for providing key information and support.
AMP allows for the management of multiple memberships and classes, including one-time payments and ongoing subscriptions.
The platform supports a variety of training needs, from company training to customer training.
Sales and Marketing Integration (4:33)
Josh emphasizes the importance of integrating sales and marketing within AMP.
Marketing funnels are crucial for converting incoming traffic into sales.
Home base serves as the central operating system for all business activities, including digital and physical products.
The goal is to handle everything from company training to customer-facing training without the need for coding.
Planning and Organizing Content (6:35)
Josh outlines the process of planning and organizing the site, starting with a minimum viable product (MVP).
The next video will cover the basics of building a site map and thinking about the site's vision.
The approach will be incremental, starting small and building up from there.
The ultimate goal is to have a clear plan for content organization, implementation, and growth.
Creating your first page
This demo teaches you how to quickly and easily create your first page within the CMS system. You will learn how to set up the page, including configuring the URL, description, and keywords for optimal SEO. The demo also shows you how to effortlessly add and format content, with the system automatically generating the necessary HTML tags. Finally, you will discover how to manage and modify your pages, as well as organize your content using a category-based system, empowering you to scale your website with thousands of pages.
Here are the key things you will be able to do after you watch this demo:
Log in to the CMS
Create a new content page with the title "About Us"
Specify the URL for the "About Us" page
Add a description and keywords for the "About Us" page
Enter content for the "About Us" page
Observe the automatic formatting of the content
Modify the "About Us" page content as needed
Change the URL for the "About Us" page if required
Add a link to the "About Us" page in the site map documentation
Categorize content for better organization and management
Manage large amounts of content using the centralized database
Introduction and Initial Setup (0:00 - 0:30)
Explains the purpose of the demo: teaching how to create the first page
Mentions the importance of earlier steps like creating information architecture diagrams
Introduces the example pages: home, about, services, and products
URL and Description Configuration (0:30 - 1:30)
Discusses the importance of the URL for SEO and indexing
Recommends using dashes between words for better search engine visibility
Explains the flexibility of the URL and the necessity of a description for SEO
Mentions the use of keywords, both manually added and through a keyword module, and their role in SEO
Notes that advanced settings will be customized later, focusing on the basic configuration
Content Entry and Formatting (1:30 - 2:30)
Demonstrates entering content into the "about us" page
Emphasizes the ease of copying and pasting from various sources like Word or Google Docs
Highlights the automatic formatting of HTML tags for clean and well-structured code
Explains the use of semantic tags for bolding, italicizing, and other formatting
Shows how to submit the content to the database and refresh the page to see the updated content
Advanced Features and URL Management (2:30 - 3:30)
Introduces advanced features like creating headers, branding images, and integrating various media types
Explains the process of modifying and deleting pages, using the "about us" page as an example
Discusses the importance of managing URLs, including changing URLs and the potential need to relink pages
Mentions the use of related link modules for automatic URL updates and the simplicity of changing URLs without creating new records
Content Management and Categorization (3:30 - 4:30)
Demonstrates linking pages within the site map for easy navigation and content management
Explains the concept of a category-based system for managing large amounts of content
Highlights the centralized database for easy content updates and the ability to categorize content
Concludes the demo by summarizing the process of creating, viewing, and publishing the first page online, emphasizing the scalability of the system
Anomaly Studios Done for you Services
Launching a product or service can be tough. You totally could implement each core piece of your marketing strategy directly into Anomaly AMP, leveraging our powerful marketing funnels, landing pages, website and blog tools, and online membership and sales features. But even with all those resources, attracting customers, and keeping up with the pace of content development and advertising implementation can feel like a real challenge.
We've been there. We understand the struggle. That's why my team is ready to help you build a solid foundation for growth. We'll partner with you to develop compelling pre-launch content, cultivate a targeted audience, and help you create a successful seed launch, setting you up for scalable success.
(view in landscape on mobile to see the stages in detail)
Here is a PDF download of your Success Path that you can print and put on your wall. This is our growth framework.These are the five phases of growth and this will help you see the big view. This is how the Anomaly Studios team can help you grow—strategically and systematically.
The Deliverables section at the bottom of the printout above shows each key step or deliverable in the growth sequence. Each phase has 3-5 action steps. Once completed we move on to the next phase and unlock increasing levels of growth. We figured this all out the hard way and now you get to benefit from the streamlined steps in our growth framework.
(view in landscape on mobile to see the stages in detail)
The PDF download above outlines a phased approach with detailed sprints and tasks to efficiently develop, launch, and scale the product offering. The PDF printout is organized in five phases from left to right. It includes deliverables such as an onboarding process to define the vision, business analytics and market research to validate the positioning, testing of marketing models and lead magnets, a pre-launch offer with revenue automation, and the final development of an optimized evergreen sales funnel. When we meet we can create the statement of work and define the roles and responsibilities ensure a collaborative and streamlined process. Each number and deliverable in teal is a key step or deliverable in the process to build sustainable and ongoing growth and traffic.
It’s important to know that you are working with the best when you work with Anomaly Studios. Our team is composed of award-winning designers, content strategists, video editors, traffic strategists, and more to help you bring your product to life and to market at whatever level you need us. Several of our project leads have one or more graduate degrees specifically in this space.
For example Ryun who took his own YouYube channel to 1.5 MM subscribers and over a billion views on youTube.
Or Nick, an award-winning instructional designer and writer who has crafted world-class content and educational experiences for some of the world’s top universities.
Claire is one of our visual designers who helps your products and user experience look amazing.
Shara is our data wizard that helps you architect your traffic channels and affiliate partners research.
And you can work directly with me as your launch strategist and team leader to help orchestrate the team to make it all come to life.
These are just a few of my team you can work with.
How big do you want to go?
How fast do you want to grow?
Where do you fall on the DIY to done-for-you spectrum?
After you have thought about the three questions above, Schedule a Meeting with my Zoom meeting calendar integration at a time that works for you or email me at joshua@anomalystudios.com.
If you would like to invite others to the Zoom meeting simply add them (shown below). Everyone can align their calendars with the invites that are sent out from my Calendar Hero integrations.
Creating and Modifying Content
This demo provides a comprehensive overview of the content management capabilities within the platform. Viewers will learn how to efficiently create, customize, and publish content pages, leveraging advanced features like related links, multimedia integration, and mobile-responsive design. By the end of the session, users will be empowered to rapidly develop and manage engaging, interconnected content that can be easily shared across social media to drive audience growth and engagement.
Here are the key things you will be able to do after you watch this demo:
Create and customize content pages within the CMS, including setting URLs, descriptions, keywords, and search engine priority
Utilize advanced features like left/right panels, side menus, classes, units, folders, and categories to organize content
Manage page metadata like publishing dates, authors, and social media sharing settings
Integrate multimedia content like banners, galleries, and videos into pages
Leverage the related links functionality to build interconnected content networks
Auto-generate web-friendly HTML from external sources like Word or Google Docs
Efficiently insert and format images within content pages
Preview and validate the mobile responsiveness of content pages
Understand how to make content shareable on social media to drive engagement and traffic
Gain familiarity with the overall content management workflow and tools within the system
Creating and Modifying Content: Introduction and Initial Setup (0:00)
Josh Lomelino introduces the session, focusing on creating and modifying content in the site.
He explains the process of creating a page, starting with a join page to onboard new members.
Josh demonstrates how to set URLs, descriptions, and keywords for SEO purposes.
He highlights the importance of search engine priority and the ability to create left and right panels with side menus.
Advanced Features and Customization (4:04)
Josh discusses the ability to create classes, units, folders, and categories within the content management system.
He explains the options for specifying publishing dates, authors, and displaying authorship information.
Josh demonstrates how to customize page banners, including the use of fixed and full-width headers.
He shows how to integrate social media sharing and create galleries and video content.
Social Media Integration and Keyword Visibility (4:19)
Josh explains the process of setting social media visibility and the benefits of having keywords visible for internal searches.
He demonstrates how to create a keyword cloud for users to drill down into content based on keywords.
Josh shows how to modify the join page by setting keywords to invisible and adding content about joining the membership.
He highlights the importance of making content shareable on social networks and managing social media visibility.
Rapid Development and Related Links (7:58)
Josh demonstrates how to add additional content to the join page, including related links and external resources.
He explains the power of the related link network and the ability to filter search results in real-time.
Josh shows how to link to items on the main site, blog, and external resources like Google Docs.
He explains the process of reordering items and managing external links within the system.
Auto-Generation of Content and Image Management (12:28)
Josh demonstrates how to auto-generate HTML from Word or Google Docs, maintaining web-friendly code.
He explains the process of copying and pasting content from Word, including formatting and image management.
Josh shows how to insert images, set descriptions, and format images to wrap text around them.
He highlights the ability to create sales funnels and link to e-commerce within the system.
Mobile Preview and Final Touches (18:58)
Josh explains how to preview the site on different form factors using developer tools in browsers.
He demonstrates the responsiveness of images and the ability to view the site on various devices.
Josh highlights the benefits of social media sharing and the potential for content to go viral.
He concludes by summarizing the process of creating and modifying content, emphasizing the ease of use and flexibility of the system.
File and Media Manager
The File Manager demo showcases a powerful tool for efficiently organizing and managing files of various types, including images, PDFs, and ZIP archives. Users will learn how to mirror their local file structure on the server, upload files using drag-and-drop or the upload button, and seamlessly integrate these files into web content. The demo also highlights advanced features such as image editing capabilities, folder management options, and direct file insertion into pages, empowering users to streamline their content creation and file organization workflows.
Here are the key things you will be able to do after you watch this demo:
Organize files and folders efficiently using the File Manager
Mirror local file structure on the server using drag-and-drop
Integrate various file types (images, PDFs, ZIP files) into web pages
Create a hierarchical folder structure for long-term scalability and accessibility
Upload files to the server using drag-and-drop or the upload button
Insert images into web content using the File Manager integration
Add alternate descriptions to images for improved accessibility
Link files (PDFs, ZIP archives) for users to download
Edit images directly within the File Manager using advanced tools
Save frequently accessed folders as favorites for quicker navigation
Manage folders at scale, including renaming, downloading, and zipping
Directly insert files into web content using the Insert File button
File Manager Overview and Initial Setup (0:08)
Josh Lomelino introduces the File Manager component, emphasizing its power to organize files efficiently.
The File Manager allows users to mirror their local file structure on the server using drag-and-drop functionality.
Josh demonstrates the interface, showing various file types like images and PDFs that can be integrated into pages.
The File Manager is accessed through the CMS under Content Management, opening in a full-screen view for easy navigation.
Organizing Files and Folders (1:49)
Josh explains the importance of organizing files hierarchically for long-term accessibility and structure.
He creates a folder structure for assets, classes, and subfolders for headers and sliders.
Drag-and-drop functionality is used to upload images from the local file system to the server.
Josh advises against using spaces in folder names to avoid special characters in URLs.
Inserting and Managing Images (5:59)
Josh shows how to insert images into content pages using the Insert Image button.
The file structure in the File Manager is mirrored in the content management interface for easy file selection.
Drag-and-drop functionality is also available when editing content, making it flexible and efficient.
Josh emphasizes the importance of using alternate descriptions for images to improve accessibility.
Linking Files for Downloads (9:26)
Josh demonstrates how to link files for downloads, such as PDFs, by selecting text and inserting a link.
He suggests organizing files in high-level folders like classes or PDFs for better scalability.
The process involves browsing for the file in the File Manager and inserting the link into the content.
Josh highlights the importance of a clear folder structure to avoid reorganization later.
Handling ZIP Files (12:49)
Josh explains how to create and manage ZIP files using the File Manager.
He demonstrates compressing a collection of files and folders into a ZIP file on a PC.
The ZIP file can be uploaded and managed in the File Manager, with folders created for scalability.
Josh shows how to insert a link to the ZIP file in content pages, allowing users to download the file.
Advanced Image Editing Features (16:35)
Josh introduces the image editing tools available in the File Manager, including resizing, cropping, and adjusting brightness and contrast.
He demonstrates applying multiple operations to an image and saving the changes.
The File Manager supports various image editing features similar to Photoshop, making it easy to manage images without external software.
Josh highlights the ability to save favorites for frequently accessed folders to save time.
Advanced File Management Features (20:03)
Josh explains advanced options for managing folders, such as renaming, downloading, and zipping entire folders.
He demonstrates how to remove files or folders if needed.
The File Manager allows users to rename files and folders directly from the interface.
Josh mentions the Video Manager, which will be covered in another session, for managing video files at scale.
Inserting Files Directly into Content (21:34)
Josh introduces the Insert File button at the bottom of the toolbar for quickly inserting files into content.
This method allows users to place files without typing descriptive text first.
The inserted file name and link can be edited later for customization.
Josh emphasizes the flexibility of the File Manager in managing various file types and integrating them into content.
Related Link Network Component
The video demonstrates how to use the related link network feature in AMP to create powerful connections between content items. Viewers will learn to quickly and easily add related links, both internal and external, to any content page, allowing users to navigate the content in a seamless and flexible manner. The video also highlights advanced features like bi-directional linking and filtered search, empowering users to manage and organize their content knowledge base with minimal effort. By the end of the video, viewers will be able to leverage the related link network to enhance the discoverability and user experience of their content.
Explain the concept of related links and their importance in enhancing learning and knowledge building.
Identify the issue of isolated content in many learning systems and the need for creating meaningful connections between ideas.
Describe the use of a sequence of content as a method to create relationships between content items.
Demonstrate the ability to create a related link network, a user interface that visualizes the connections between content.
Utilize AMP's related link network feature to quickly and easily create complex related link structures with minimal effort.
Apply the flexibility of the related link network to create both sequential and asynchronous content paths.
Implement the process of adding related links, including internal and external resources, to a content page.
Manage and reorganize related links to ensure a clean and easy-to-navigate user interface.
Leverage the advanced features of the related link network, such as bi-directional linking and filtered search, to enhance the organization and discoverability of content.
Modify and update related links, including changing titles and URLs, and observe the real-time updates to the user interface.
Traffic Overview - Landing the Plane
This video provides a detailed, actionable plan for conducting comprehensive traffic research. Viewers will learn how to use SimilarWeb to measure the monthly traffic volumes of competitor websites, allowing them to identify the major players based on traffic data. The video then introduces SEMrush as a powerful tool for analyzing the traffic and keyword data of these competitors, equipping viewers with the insights needed to develop an effective traffic strategy and architecture. By the end of this video series, participants will be able to automate the data collection process and integrate relevant keywords into their content to ensure search engine relevance and avoid algorithm penalties.
Measure the monthly traffic volumes of competitor websites using SimilarWeb.
Identify major competitors based on website traffic data, not just revenue or user base.
Analyze the traffic and keyword data for competitors using SEMrush.
Integrate relevant keywords into content to ensure search engine relevance and avoid algorithm penalties.
Develop a comprehensive traffic strategy and architecture based on the actionable data collected from SimilarWeb and SEMrush.
Automate the data collection process to streamline the traffic research and planning.
Apply the frameworks and examples provided in the subsequent videos to effectively utilize SimilarWeb and SEMrush.
Leverage the insights from optional tools like Alexa, Ahrefs, and URL Profiler to further enhance the traffic research.
Overview of Traffic Research Strategy (0:00:08 - 0:01:15)
Josh Lomelino explains the goal of the demo: to provide a detailed, actionable plan for traffic research
He clarifies the importance of keywords, noting that Google has deprecated the meta keyword tag due to misuse
The focus is on integrating keywords into content to avoid algorithm manipulation and ensure relevance
Josh outlines the initial steps of the traffic research process, emphasizing the use of SimilarWeb for competitor traffic analysis
Utilizing SimilarWeb for Traffic Analysis (0:01:15 - 0:02:00)
Josh details the first step in the traffic research process: using SimilarWeb to measure monthly traffic volumes of competitor websites
He explains that this metric helps identify major competitors based on traffic, not necessarily revenue or user base
The traffic data collected will be crucial for developing the traffic strategy and architecture
Josh mentions that this step is foundational and will be further explained in subsequent videos
Introduction to SEMrush for Competitor Analysis (0:02:00 - 0:02:40)
Josh introduces SEMrush as the next tool in the traffic research process
He plans to provide examples and frameworks from his resources to guide the audience through the SEMrush usage
The process involves a two-step approach, with SEMrush being the primary tool
Josh notes that additional tools like Alexa, Ahrefs, and URL Profiler are optional but can provide valuable insights
Future Steps and Actionable Data (0:02:40 - 0:03:00)
Josh announces that future videos will cover the use of SimilarWeb and SEMrush in detail
He emphasizes that the data collected from these tools will be highly actionable and crucial for the overall traffic architecture plan
The goal is to automate the data collection process to develop a comprehensive traffic strategy
Josh reiterates the importance of integrating keywords into content to ensure search engine relevance and avoid penalties
Anomaly AMP Channel Partner Starting
Josh Lomelino is the founder of Anomaly Studios and creator of the Anomaly AMP platform. He previously ran a service-based business but struggled with the constant fight for survival and lack of control over his time and finances. Anomaly AMP is a platform he built to automate and scale his business, providing a way to earn recurring passive. Now he's opening up that same passive income power available to through an affiliate program that offers commissions on referred customers simply by sharing our free resources.
After you have watched the video above, create your account for the channel partner program at the bottom of this page or by clicking here.
To create financial projections go to our revenue calculator and click “recurring.” Then enter $99.4 for 20% of the Anomaly A.M.P. subscription and enter 1 customer per month (or the number you think you can get). As you enter customers per month for onboarding the financial information appears below as monthly, annually, and cumulative across years if you keep up with the cadence of one customer per month on average. This compounds exponentially.
Launch the Calculator and click the recurring tab.
One Customer Per Month Example
Five Customers Per Month Example
Keywords: Content,creation,workflow,time-saving,high-quality,student,outcomes,audio,file,screen,recording,Camtasia,OBS,generative,AI,digital,double,course,matrix,instructional,design,Otter,powerPoint,slides
Josh Lomelino's ultimate content creation workflow is designed to dramatically reduce course development time from months to weeks or days by leveraging various content generation methods. His approach ranges from simple audio-only techniques to fully automated workflows using generative AI, with a focus on delivering clear, measurable learning outcomes. The workflow encompasses four progressive methods, starting with basic audio creation and advancing to complex AI-driven content generation that can produce digital avatars, slides, and video content from simple text prompts. By providing a flexible, scalable approach, Lomelino enables content creators to efficiently develop high-quality online courses and educational materials.
Josh Lomelino's ultimate content creation workflow is designed to dramatically reduce course development time from months to weeks or days by leveraging various content generation methods. His approach ranges from simple audio-only techniques to fully automated workflows using generative AI, with a focus on delivering clear, measurable learning outcomes. The workflow encompasses four progressive methods, starting with basic audio creation and advancing to complex AI-driven content generation that can produce digital avatars, slides, and video content from simple text prompts. By providing a flexible, scalable approach, Lomelino enables content creators to efficiently develop high-quality online courses and educational materials.
After this demo, learners will be able to:
Understand the Four Methods of Content Creation
Differentiate between audio-only, screen recording, webcam, and fully automated content generation techniques
Recognize the strengths and limitations of each workflow method
Develop Efficient Content Generation Skills
Apply AI tools like Otter AI, Claude AI, and ChatGPT for script drafting and refinement
Create high-quality educational content using streamlined workflows
Leverage AI Technologies for Course Development
Utilize generative AI platforms for audio, video, and slide creation
Transform content development timelines from months to weeks
Design Learner-Centered Educational Content
Craft clear, measurable learning outcomes
Develop instructional materials that focus on practical skills and immediate application
Implement Scalable Content Production Strategies
Overview of Content Creation Workflow 0:09
Josh Lomelino introduces the ultimate content creation workflow class, aiming to reduce course development time from months to weeks or days.
The course will cover a blend of simple to fully automated workflows, starting with simpler methods for quick wins and progressing to advanced approaches.
Emphasis is placed on delivering clear, measurable outcomes and setting up necessary systems from the start.
The course will cover creating basic audio files, screen recording using tools like Camtasia or OBS, and fully automated workflows using generative AI.
Methods of Content Creation 1:30
Josh Lomelino outlines four methods of content creation, ranging from simple to fully automated, with each method providing a different level of complexity and automation.
Method one involves creating audio-only content using tools like Claude AI or ChatGPT to refine scripts and generate final audio files.
Method two involves real-time screen recording using software like Camtasia, capturing both screen content and voice simultaneously.
Method three combines screen recording with live webcam footage, allowing for a more dynamic on-screen presence.
Method four uses AI to generate a digital double video from a recorded vocal track, with AI also generating powerPoint or Canvas slides.
Detailed Explanation of Methods 2:49
Method one: Josh explains the process of refining raw text into final audio scripts using AI tools and recording the final audio file manually or with AI.
Method two: Josh describes using Camtasia to record both screen and voice simultaneously, minimizing post-production work and suitable for relaxed, adaptable work.
Method three: Josh details recording both screen and webcam footage in one take, requiring careful setup for a consistent on-camera presence.
Method four: Josh explains using AI to generate a digital double video from a recorded vocal track, with AI also generating slides synchronized to the transcript.
Implementation and Integration 10:04
Josh emphasizes the importance of starting with method one and progressing sequentially to method four, explaining the workflows and specific tools used to optimize the process.
The course is designed to provide strategies that can be implemented immediately, with each method providing a different level of automation and complexity.
Josh will demonstrate how to generate scripts, auto-generate audio files, and record both audio and video manually, as well as how to automatically generate powerPoint and Canvas slides using AI.
The final video will show how to integrate these workflows into Anomaly AMP, providing learners with contextual information and a timeline breakdown.
Keywords: Overview, Demo, Audio, Recording, Process, Tracks, Methods, Production, Manual, AI, Generated, Voices, Automatically, Instructional, Aid, Synthesizing, Information, Guide, Instruct, Persuade, Sales, Potential, Catalyst, Automating, Content, Creation, Recorded, Serve, Presentation, Slides, powerPoint, Canva, Animated, Effects, Virtual, Camera, Overlay, Automated, Execute, Fundamentals, Vocal, Performance, Techniques, Apply, Screen, Captures, Principles
This video provides a comprehensive overview of audio production techniques, teaching viewers how to create powerful audio tracks through manual recording and AI-generated voices. Participants will learn to leverage audio as a versatile tool for instructional content, sales support, and multimedia creation, including automated slide generation and virtual presentations. The demonstration will equip learners with fundamental vocal performance skills applicable to screen captures, on-camera presentations, and various content creation scenarios. By mastering these techniques, viewers can transform their approach to creating engaging, professional-quality audio and visual content.
This video provides a comprehensive overview of audio production techniques, teaching viewers how to create powerful audio tracks through manual recording and AI-generated voices. Participants will learn to leverage audio as a versatile tool for instructional content, sales support, and multimedia creation, including automated slide generation and virtual presentations. The demonstration will equip learners with fundamental vocal performance skills applicable to screen captures, on-camera presentations, and various content creation scenarios. By mastering these techniques, viewers can transform their approach to creating engaging, professional-quality audio and visual content.
Here are the key things you will be able to do after you watch this demo:
Record high-quality audio tracks manually
Generate AI-powered voice narrations from text scripts
Use audio as an instructional and persuasive communication tool
Automate presentation slide creation using audio tracks
Create virtual on-camera presentations with overlaid audio
Apply vocal performance techniques to screen captures
Synthesize information effectively through audio narration
Leverage audio for sales and instructional content development
Transform text scripts into multimedia presentations
Develop professional-grade content using both manual and AI-driven audio production methods
Overview of Audio Recording Process 0:08
Josh Lomelino introduces the demo, focusing on the process of recording audio tracks.
He mentions that the overview video will demonstrate two methods for audio production: manual recording and AI-generated voices.
The video aims to outline various uses of audio, emphasizing its role as an instructional aid and its potential in automating content creation.
Josh highlights that audio can synthesize information to guide, instruct, persuade, and support sales.
Applications of Audio in Content Creation 0:51
Josh explains that audio tracks can be used directly as instructional aids, providing guidance and support.
He elaborates on audio's role in automating multiple aspects of content creation, whether recorded manually or generated with AI.
An audio track can create presentation slides in applications like powerPoint or Canva, complete with animated effects.
The audio can also be used to generate virtual on-camera presentations that overlay on automated slides.
Upcoming Demos and Techniques 1:40
Josh mentions that upcoming demos will show how to execute both methods of audio production: manual recording and AI-generated voice production.
He emphasizes the importance of mastering the fundamentals of delivering a strong vocal performance.
These techniques can be applied to various areas, including live screen captures and on-camera presentations.
Josh concludes the high-level overview, stating that he will see the audience in the next video.
Keywords: audio,recording,microphone,quality,live,studio,interface,phantom,power,sample,rate,uncompressed,format,pop,filter,level,balancing,Camtasia,Studio,file,organization,voice,clone,AI,avatar,sound,absorption
This video provides a comprehensive guide to professional audio recording for content creators, focusing on essential equipment and techniques for high-quality sound production. Viewers will learn how to select the right microphone, set up a proper recording environment, and use audio interfaces and editing tools to capture clean, professional-grade audio. By following Josh Lomelino's expert advice, participants will be able to create polished audio recordings suitable for workshops, demos, podcasts, and even AI-generated video content. The tutorial equips creators with practical skills to improve their audio recording process and produce more engaging, professional-sounding content.
This video provides a comprehensive guide to professional audio recording for content creators, focusing on essential equipment and techniques for high-quality sound production. Viewers will learn how to select the right microphone, set up a proper recording environment, and use audio interfaces and editing tools to capture clean, professional-grade audio. By following Josh Lomelino's expert advice, participants will be able to create polished audio recordings suitable for workshops, demos, podcasts, and even AI-generated video content. The tutorial equips creators with practical skills to improve their audio recording process and produce more engaging, professional-sounding content.
Here are the key things you will be able to do after you watch this demo:
Select an appropriate high-quality microphone for professional audio recording
Set up a clean, noise-free recording environment
Configure audio interfaces and software for optimal sound capture
Choose the correct sample rate and recording format
Use a pop filter and mic positioning techniques to improve audio quality
Perform audio test recordings and evaluate sound levels
Utilize audio editing tools for recording and post-production
Implement file organization strategies for audio projects
Export audio files in various formats for different content needs
Create consistent, professional-grade audio recordings for workshops, demos, and presentations
Prepare audio recordings for potential AI avatar or voice clone generation
Troubleshoot common audio recording and equipment setup challenges
Basic Method of Production 0:09
Josh Lomelino explains the simplicity and power of recording thoughts and ideas using just a microphone.
Live recordings during workshops or demos are more engaging but harder to edit if mistakes are made.
Studio recordings allow for pauses and polished takes but require maintaining a natural and conversational tone.
The importance of a high-quality microphone and a quiet, clean recording space is emphasized.
Microphone Setup and Recording Quality 1:31
Josh recommends the AKG condenser mic for its clean, detailed sound, which requires phantom power.
The Shure 57 microphone is mentioned as a versatile option for various recording situations.
The Zoom H6 USB audio interface is preferred for its compatibility with various software like Camtasia.
Recording at 48,000 Hz instead of the default 44.1 Hz is suggested to preserve audio detail.
Audio Recording Practices 3:18
Josh advises recording in an uncompressed format like WAV until the final export to avoid audio degradation.
Ensuring the computer and audio interface are set to the same sample rate prevents speed mismatches.
The use of a pop filter and an adjustable mic arm helps maintain consistent audio quality.
Test recordings and listening on different devices help ensure balanced sound levels.
Audio Editing and Tools 4:53
Josh mentions various audio editing tools like Audacity, Adobe Audition, Pro Tools, and FL Studio.
Camtasia Studio is recommended for its convenience in recording and managing audio projects.
The Auto Normalize feature in Camtasia helps maintain consistent volume throughout recordings.
Exporting recordings as MP3s allows for generating on-camera videos using AI avatars.
File Organization and Studio Setup 5:55
A consistent naming system for recordings and exports is crucial for easy retrieval and updates.
Avoiding rooms with echo and using soft materials to absorb sound helps improve recording quality.
A good studio setup, including soundproofing and proper equipment, is essential for high-quality recordings.
Josh hints at a future demo on creating a voice clone, which requires clean and consistent audio recordings.
In this video, Josh Lomelino demonstrates how to create an AI-powered digital voice replica using 11 Labs, enabling content creators to rapidly generate high-quality audio and video content at scale. By training the system with a consistent audio sample, users can produce automated voice performances that sound like their own, allowing them to create lectures, demos, and other content quickly and efficiently. The method involves uploading 1-3 hours of controlled audio recordings, fine-tuning voice settings, and integrating with platforms like HeyGen to automate video production. After watching this tutorial, viewers will be able to develop their own AI voice clone, streamline content creation, and overcome time constraints by generating multiple scripts and videos with minimal manual effort.
In this video, Josh Lomelino demonstrates how to create an AI-powered digital voice replica using 11 Labs, enabling content creators to rapidly generate high-quality audio and video content at scale. By training the system with a consistent audio sample, users can produce automated voice performances that sound like their own, allowing them to create lectures, demos, and other content quickly and efficiently. The method involves uploading 1-3 hours of controlled audio recordings, fine-tuning voice settings, and integrating with platforms like HeyGen to automate video production. After watching this tutorial, viewers will be able to develop their own AI voice clone, streamline content creation, and overcome time constraints by generating multiple scripts and videos with minimal manual effort.
Here are the key things you will be able to do after you watch this demo:
Train an AI voice synthesis system using personal audio recordings
Generate consistent voice replicas with controlled audio samples
Optimize AI-generated voice settings for natural-sounding output
Integrate voice cloning technology with video production platforms
Create automated content at scale using text-to-speech technologies
Manage AI voice generation credits efficiently
Export and store audio files in multiple formats for different applications
Prototype and refine scripts using AI voice technology
Develop a workflow for rapid content creation across lectures, demos, and presentations
Leverage AI tools to overcome time constraints in content production
Creating a Voice Replica Using AI 0:09
Josh Lomelino discusses the use of AI-powered voice synthesis to create a voice replica, emphasizing the challenge of matching human recordings.
He highlights the effectiveness of using text prompts to quickly prototype, test, and revise scripts or generate finished audio files.
Josh mentions his preference for the 11 labs tool, which offers a studio mode for producing longer form audio tracks.
He shares his initial struggles with the tool and how contacting their support provided helpful suggestions.
Training the System for Consistent Output 1:24
Josh explains the importance of training the system with a consistent audio sample to avoid unnatural variations in volume and tone.
He describes his initial mistake of using diverse recordings from different sessions, which led to inconsistent results.
Josh emphasizes the need for a controlled environment with a single, consistent audio sample for better results.
He plans to demonstrate the settings that produce the best results for replicating his voice in the user interface.
Optimizing Generated Audio Files 2:56
Josh advises generating audio sparingly to avoid exhausting monthly credits and recommends starting with smaller sections of text.
He explains the process of refining the output and generating both wave and mp3 audio files for different applications.
Josh mentions the importance of storing both wave and mp3 files for secure storage and project organization.
He notes that it may take several attempts to develop a method that works well for the user.
Exporting and Integrating Audio Files 4:19
Josh describes two methods for uploading audio files to virtual avatars: exporting both wave and mp3 versions or integrating the 11 labs API directly with Hey Gen.
He prefers using the wave audio file for higher quality and to avoid double compression but acknowledges the need to export the mp3 format for larger tracks.
Josh explains the integration of the 11 labs API with Hey Gen, which allows for rapid development of prototypes and large volumes of content.
He mentions the need to break up scripts into manageable sections for efficient processing by the software.
Automating Video Production with AI 6:02
Josh discusses the ability to produce videos at scale by automating both audio and video avatars from text.
He highlights the productivity gains from using AI to generate video scripts and produce audio and video automatically.
Josh notes the cost of AI-generated voice and the strategy of using high-quality audio only when necessary.
He explains the use of draft versions of scripts with Hey Gen's voice replica to refine the script without incurring additional costs.
Finalizing and Exporting Scripts 8:04
Josh describes the process of finalizing scripts and either reading and recording them manually or using the 11 labs integration within Hey Gen.
He mentions the use of a side-by-side display setup with a Google document and video avatar performance for quick edits.
Josh emphasizes the usefulness of this method for high-end projects that require detailed polishing and iteration.
He concludes the demo by encouraging the use of digital voice replicas to scale beyond time constraints and improve productivity.
Keywords: Screen,recording,audio,capture,on-camera,presentation,production,challenges,lighting,consistency,studio,lights,color,temperature,LED,panels,backlights,kicker,light,digital,double,4K,webcam,system,performance,green,screen,Camtasia
In this video, Josh Lomelino demonstrates Method Three for creating engaging screen recordings that combine on-camera presence, screen capture, and audio. Viewers will learn how to set up professional lighting using LED panels, choose the right camera equipment, and optimize their recording environment for high-quality video production. The tutorial covers essential techniques for maintaining visual continuity, managing lighting color temperatures, and using tools like Camtasia and green screens to create polished, professional-looking video content. By following Josh's guidance, content creators will be able to produce dynamic, natural-looking screen recordings with improved technical quality and visual appeal.
In this video, Josh Lomelino demonstrates Method Three for creating engaging screen recordings that combine on-camera presence, screen capture, and audio. Viewers will learn how to set up professional lighting using LED panels, choose the right camera equipment, and optimize their recording environment for high-quality video production. The tutorial covers essential techniques for maintaining visual continuity, managing lighting color temperatures, and using tools like Camtasia and green screens to create polished, professional-looking video content. By following Josh's guidance, content creators will be able to produce dynamic, natural-looking screen recordings with improved technical quality and visual appeal.
Here are the key things you will be able to do after you watch this demo:
Manage on-camera and screen recording simultaneously
Maintain visual continuity during video recordings
Set up professional lighting using LED panels
Adjust color temperature and brightness for optimal video quality
Create a three-point lighting setup with key, fill, and kicker lights
Select and configure appropriate camera equipment for video production
Optimize system performance for screen and camera recording
Use a Wacom tablet for digital whiteboarding
Implement green screen techniques for background removal
Combine multiple video takes into a seamless recording
Export and render high-quality video files
Create digital double avatars for reusable content
Troubleshoot common video production challenges
Select and position lighting equipment safely
Integrate on-camera performance with slides and screen recordings
Method Three Demo and Challenges 0:08
Josh Lomelino introduces method three, which involves screen recording, audio, and on-camera capture, emphasizing its ability to capture natural, unscripted moments.
He highlights the challenges of managing both screen and camera presence simultaneously, including the need to maintain a consistent camera angle and expression.
Josh explains the importance of resuming recording with a neutral expression to ensure visual continuity.
He mentions the difficulty of pausing and resuming recording without noticeable edits when on camera.
Lighting Considerations for On-Camera Work 1:46
Josh discusses the significance of lighting in on-camera work, including the need to keep lighting consistent between takes.
He recommends using affordable studio lights, such as LED lights, which stay cool and are suitable for longer sessions.
Josh explains the concept of color temperature, noting that outdoor light can affect indoor lighting and cause color shifts.
He suggests using LED lights that allow adjustments in brightness and color temperature to manage lighting effectively.
Setting Up Lighting Equipment 3:02
Josh shares his preference for the Spectro Essential 360 LED panels, which range from 3250 to 6000 Kelvins and are dimmable.
He describes his typical setup, which includes stacking four LED panels in front and sometimes behind him to create soft, even light.
Josh emphasizes the importance of using back lights to create a "kicker light" effect, which helps outline the subject and makes them stand out from the background.
He advises adding weight to light stands to prevent them from tipping if bumped.
Camera and Recording Equipment 6:07
Josh talks about using a full-frame camera like the Canon 5D Mark III for high-quality recordings, but notes that a good 4K webcam can also deliver excellent results.
He recommends Logitech webcams, such as the Logitech 1080P cam, for their affordability and performance.
Josh explains the benefits of recording screen and camera separately, especially if the system can't handle 4K video and screen capture simultaneously.
He mentions the use of digital double avatars for reusing lighting and performance footage.
Optimizing System Performance and Audio Settings 8:15
Josh advises optimizing the graphics card and operating system for better system performance.
He recommends setting the microphone to 48,000 hertz and ensuring phantom power is turned on through the sound interface.
Josh suggests using a Wacom tablet for live whiteboarding, either with the Cintiq for direct drawing or a more affordable tablet for drawing on a pad.
He emphasizes the importance of setting pen lines thick enough to show clearly in high-resolution recordings.
Using Camtasia and Green Screens 9:20
Josh highlights Camtasia's ability to combine multiple takes into one smooth recording and overlay on-camera performance videos on powerPoint slides.
He explains the use of green screens for added flexibility, including the need to light the green screen evenly and separately from the face lighting.
Josh mentions the built-in removal tool in Camtasia for easily removing the green screen background.
He advises fine-tuning the green screen setup to avoid issues with hair and shoulder edges.
Exporting and Backing Up Videos 10:17
Josh recommends exporting videos as MP4 files using the H.264 format with a rendering quality around 75%.
He advises keeping files organized and backed up for potential updates.
Josh mentions the use of green screens for recording digital double avatar videos, which can be easily removed from the background later.
He concludes the demo by encouraging viewers to invest in high-quality audio and video assets for better results.
Keywords: automation,content,creation,production,studio,digital,doubles,video,avatar,text,script,cloud-based,tools,slide,decks,powerPoint,Canva,training,programs,staff,development,retention,coding,Academy,method,four
Method Four of the Ultimate Content Creation Workflow enables creators to automate their entire video production process by leveraging cloud-based tools and digital technology. By mastering this method, content creators can clone their voice, generate video avatars, and produce high-quality training videos and presentations with minimal time and effort. The workflow allows you to transform a simple text script into a fully automated video production, complete with synchronized audio, visuals, and slide decks. Ultimately, this approach empowers busy professionals to scale their content creation without being constrained by traditional time-consuming production methods.
Method Four of the Ultimate Content Creation Workflow enables creators to automate their entire video production process by leveraging cloud-based tools and digital technology. By mastering this method, content creators can clone their voice, generate video avatars, and produce high-quality training videos and presentations with minimal time and effort. The workflow allows you to transform a simple text script into a fully automated video production, complete with synchronized audio, visuals, and slide decks. Ultimately, this approach empowers busy professionals to scale their content creation without being constrained by traditional time-consuming production methods.
Here are the key things you will be able to do after you watch this demo:
Clone your voice for digital content creation
Generate automated video avatars
Transform text scripts into complete video presentations
Automate slide deck production in powerPoint and Canva
Scale content creation with minimal time investment
Develop training materials efficiently
Leverage cloud-based production tools
Create digital doubles of yourself
Streamline video production workflows
Produce high-quality educational content without extensive technical skills
Ultimate Content Creation Workflow Overview 0:08
Josh Lomelino introduces method four, which automates the entire content creation process.
This method combines the first three methods but focuses on automation, making it more efficient.
Josh emphasizes the importance of mastering the first three methods before attempting method four.
The method allows for the creation of high-quality content with minimal time, effort, and budget.
Method Four's Impact on Production 1:09
Josh describes the transformative power of method four, which revolutionized his production process.
A potential customer expressed interest in using the method for staff development and retention.
Josh explains how he creates digital doubles of himself to automate the production process.
The method enables large-scale production without the time constraints typically associated with video creation.
Addressing Time Constraints in Content Creation 1:49
Josh shares experiences of customers who face time constraints in creating training programs and classes.
He highlights the challenges of maintaining a busy schedule while keeping up with production demands.
Method four allows for the cloning of voices and creation of audio tracks to generate video avatars.
The method significantly reduces the time required to produce multiple videos.
Automation Capabilities of Method Four 2:29
Josh explains that everything in the final video is fully automated, starting from a text script.
The process involves copying and pasting the script into cloud-based production tools.
High-end computers are not necessary as most of the heavy lifting is done in the cloud.
The method also automates the creation of slide decks in tools like powerPoint or Canva.
Step-by-Step Process Walkthrough 2:48
Josh mentions that he will walk through each part of the process in the following sections.
The detailed steps will provide a comprehensive understanding of method four.
The process aims to make content creation more efficient and less time-consuming.
Josh emphasizes the importance of understanding each step to effectively implement the method.
Keywords: Green screen, virtual avatar, training video, RGB, Ultra Key
In this tutorial, Josh demonstrates how to create a versatile virtual avatar using a green screen background. By following his step-by-step process, viewers will learn to record a training video, use video editing software to remove the background, and export a high-quality 4K file for avatar creation. The technique allows users to generate a digital double that can be placed on any background, enabling them to create numerous training videos, presentations, and lectures without being physically present. Ultimately, viewers will gain the skills to produce an AI avatar that can work continuously, freeing up their personal time while maintaining professional content production.
In this tutorial, Josh demonstrates how to create a versatile virtual avatar using a green screen background. By following his step-by-step process, viewers will learn to record a training video, use video editing software to remove the background, and export a high-quality 4K file for avatar creation. The technique allows users to generate a digital double that can be placed on any background, enabling them to create numerous training videos, presentations, and lectures without being physically present. Ultimately, viewers will gain the skills to produce an AI avatar that can work continuously, freeing up their personal time while maintaining professional content production.
Following are the key things you will be able to do after you watch this demo:
Shoot a training video using a green screen background
Apply the ultra key filter in video editing software
Create a 100% green color matte
Remove background elements from video footage
Export high-quality 4K video files
Generate a virtual avatar using AI software
Render digital doubles for multiple presentations
Layer virtual avatars over different backgrounds
Integrate avatar presentations with powerPoint and Canva slides
Produce training content without physical studio time
Creating a Virtual Avatar with a Green Screen Background 0:08
Josh Lomelino explains the importance of using a green screen background for creating virtual avatars, emphasizing versatility and ease of use.
He describes the general principle of achieving a 100% green background in the RGB model, noting the difficulty of achieving perfect green.
Josh introduces simple steps to help with the process, including shooting a two-minute training video on a green screen and using 100% green shapes in video editing software.
He demonstrates the use of the ultra key filter in video editing software to eliminate the background and adjust settings like feathering, key color, and matte cleanup.
Setting Up the Green Screen Workflow 5:18
Josh explains the creation of a 100% green color matte in video editing software, specifying the width and height to be 4k.
He describes layering the green clip underneath the video track and extending it to the same length as the training clip.
Josh mentions the importance of placing additional green color mats to fix any spillover areas and avoid relying solely on the ultra key effect.
He outlines the process of setting in and out points, exporting the clip as an MP4 file, and using Adobe Media Encoder for batch rendering.
Exporting and Adjusting Settings 8:12
Josh details the export settings, including using the h264 codec for high quality and specifying the file type as MP4.
He emphasizes the importance of evenly lighting the green screen for a better key and mentions common issues like wrinkles and folds.
Josh shows how to create a new avatar in Hey Gen or other virtual avatar software, validating the model by reading a code aloud.
He explains the process of uploading source material, validating the camera angle, and retaining 4k footage for higher resolution renders.
Using the Virtual Avatar in Various Productions 11:27
Josh discusses the flexibility of using the virtual avatar in presentations, lectures, and demos, including mixing with powerPoint slides and Canvas slides.
He highlights the ability to create unlimited digital doubles and the importance of not checking the AI remove background option.
Josh explains the use of Camtasia's Remove Color effect to key out the green color in the background and the importance of using high-quality settings.
He advises against using proxy footage for making decisions about green screen settings and emphasizes the need for maximum quality settings in video editing software.
Final Steps and Infinite Possibilities 14:54
Josh concludes by mentioning the infinite possibilities of the workflow, including creating presentations directly inside Hey Gen.
He discusses integrating with Canva for timed slide changes and animations, and the option to check the background removal button for a transparent background.
Josh reiterates the importance of using the method shown in the video to achieve 4k production quality, even if it requires a more expensive plan.
He wraps up the demo, encouraging viewers to explore the various applications and approaches for their virtual avatars.
Keywords: Automated, performance, text, video, Otter, AI, voice, clone, Eleven Labs, HeyGen, audio, multilingual
In this video, Josh demonstrates how to create fully automated video performances directly from text using tools like Otter AI, 11 Labs, and HeyGen. Viewers will learn how to generate high-quality voice clones, prototype video scripts, and produce professional-looking content with minimal effort by leveraging AI-powered voice and video generation technologies. The workflow allows content creators to transform written or spoken text into polished video presentations quickly and efficiently. By following Josh's method, users can generate multiple video iterations, edit audio precisely, and create digital avatars that replicate their voice and performance with remarkable accuracy.
In this video, Josh demonstrates how to create fully automated video performances directly from text using tools like Otter AI, 11 Labs, and HeyGen. Viewers will learn how to generate high-quality voice clones, prototype video scripts, and produce professional-looking content with minimal effort by leveraging AI-powered voice and video generation technologies. The workflow allows content creators to transform written or spoken text into polished video presentations quickly and efficiently. By following Josh's method, users can generate multiple video iterations, edit audio precisely, and create digital avatars that replicate their voice and performance with remarkable accuracy.
Following are the key things you will be able to do after you watch this demo:
Generate video scripts from transcribed audio using AI tools
Create high-quality voice clones with consistent audio recordings
Prototype video content using free and paid AI platforms
Optimize voice training for digital avatars
Manage content production across multiple AI environments
Edit audio tracks with minimal credit consumption
Develop a systematic workflow for automated video creation
Replicate personal performance using digital voice technology
Transform text-based content into professional video presentations
Implement cost-effective strategies for video and audio generation
Creating a Fully Automated Performance from Text 0:08
Josh Lomelino explains the process of creating a fully automated performance directly from text, including generating audio prompts using Otter AI.
He describes how he brainstorms ideas while walking and exports the subtitle transcript file, SRT, to process it with AI tools like Claude or ChatGPT.
Josh mentions breaking up long scripts into manageable blocks of 1800 characters and generating a year's worth of content for various platforms.
He emphasizes the use of text, whether written manually or spoken and transcribed, to craft a video script using two primary methods.
Generating High-Quality Voice Clones 1:51
Josh discusses creating a high-quality voice clone using 11 Labs, initially finding the results artificial but later perfecting the settings.
He highlights the importance of using a consistent audio clip for training the voice digital double, ideally around three hours of spoken audio.
Josh explains the challenges of recording consistently for three hours and how he stitches together previous demo recordings to create a large audio clip.
He stresses the need for meticulous tracking of audio settings to ensure uniformity and avoid sudden changes in volume or tonal quality.
Optimizing Audio Recording for Consistency 3:36
Josh shares his experience of recording multiple live sessions with an audience, which infused the audio with personality and energy.
He explains the importance of having consistently dialed-in audio for generating a high-quality performance, as the AI listens to everything in the audio track.
Josh mentions the time and cost involved in using 11 Labs, which can take up to six to eight hours to analyze a voice and build a model.
He advises against using cheaper models, such as the multilingual version one model or turbo 2.5, and recommends upgrading to the multilingual version two model for better results.
Using Hey Gen for Cost-Effective Prototyping 5:35
Josh introduces Hey Gen as an alternative for creating generative content when 11 Labs burns through credits too quickly.
He explains how he trains Hey Gen on his voice by uploading a 10 to 15-minute audio clip and generates unlimited videos for free, depending on the subscription plan.
Josh describes the process of creating prototypes, making real-time adjustments to the script, and rendering multiple takes.
He mentions using his phone in split screen mode while walking to make adjustments on the fly and then copying and pasting the revised script into Hey Gen.
Switching Between Hey Gen and 11 Labs 7:44
Josh explains how he can switch the voice in Hey Gen to the high-quality production voice in 11 Labs with a click of a button.
He highlights the downside of using Hey Gen, which is the risk of losing all credits if there are issues with the audio track in the final video.
Josh prefers using the Studio tool in 11 Labs for targeted editing, which allows regenerating just portions of the audio without redoing the entire clip.
He mentions the benefit of being able to download the WAV file and MP3 file from the Studio tool in 11 Labs as a fail-safe.
Organizing Video Production Phases 9:21
Josh describes his workflow of treating production as two phases: the cheap, free voice phase and the final phase.
He explains the process of pasting the text directly into the Hey Gen editor, listening to the prototype, and resolving issues before creating a new file in Hey Gen.
Josh organizes his videos into two folders: a prototype folder and a final folder, for easy organization of his methods.
He mentions using the multilingual version two model for cost-effective throwaway tests and training his voice with Hey Gen for free prototyping.
Leveraging Digital Doubles for High-Quality Videos 10:34
Josh shares how he uses his digital doubles to replicate a performance of his voice and generate a corresponding video composite.
He explains how he creates a script using Otter AI during a walk, copies and pastes it into his automated workflow, and produces a high-end video with minimal effort.
Josh highlights the benefits of this workflow, which allows him to deliver excellence without skipping a beat, even when small inconsistencies would have derailed the process before.
He concludes by mentioning the next steps in the following videos, which will cover adding automated visual elements on screen behind the virtual avatar.
Keywords: Interactive chapters, video, chapters, AI, tools, Vimeo, Portal, Anomaly AMP, metadata
Generate Video Chapters with AI
Learn how to transform your educational videos by adding interactive chapters using Vimeo and Otter.ai. This tutorial will guide you through the process of creating an enhanced video learning experience with an interactive table of contents. You'll discover how to easily add precise chapter markers that allow learners to navigate directly to specific sections of your video. By the end of this demonstration, you'll be able to create a more engaging and user-friendly video interface that improves learner interaction and comprehension.
Following are the key things you will be able to do after you watch this demo:
Navigate the Vimeo portal to upload and edit video content
Activate AI-powered chapter generation tools
Compare and replace automatic chapters with precise, manually curated chapters
Integrate Otter.ai transcript information into Vimeo's chapter interface
Create an interactive table of contents for educational videos
Enhance video learning experiences with precise, clickable chapter markers
Implement metadata components that improve learner engagement and navigation
Adding Interactive Chapters to Videos 0:09
Josh Lomelino explains the process of creating an interactive table of contents in the video player using two AI tools.
The first step involves logging into the Vimeo Portal using provided credentials and uploading the video through Anomaly Amp.
Users should navigate to the interactivity section in the main toolbar, activate the AI chapters tool, and wait for Vimeo to generate initial chapters.
Josh recommends using Otter's chapter information for more accuracy and precision, as Vimeo's automatic chapters may not be as effective.
Editing and Saving Chapters 2:13
Josh suggests loading the chapter information from Otter and copying and pasting it into the Vimeo interface.
Users need to add a chapter name and time code for each chapter, which can be derived from Otter's transcript.
It's crucial to save the transcript information to ensure it stores correctly in the Vimeo dataset.
Josh advises refreshing the page in Anomaly Amp after saving to confirm the chapters are present.
Finalizing and Publishing the Video 3:45
Once all chapters are added and saved, users should publish the video to make it available to learners.
The published video will include a description, learner outcomes, a table of contents, and an interactive table of contents.
This setup allows learners to interact with the content while viewing the video in picture-in-picture mode.
Josh concludes the demo by emphasizing the immersive learning experience created by the interactive table of contents.
Keywords: Automation, AI-generated, content, slides, video background, SRT, transcript
Automate Slide Data Creation
In this demo, Josh Lomelino reveals a powerful workflow for automating on-screen elements and slide creation using AI tools. Viewers will learn how to transform a transcript into a fully automated slide deck by leveraging AI platforms like Claude and ChatGPT to generate inspirational content with precise timing. The technique allows content creators to automatically generate slide content, export it to a CSV file, and prepare for seamless powerPoint or Canvas slide production. By following this method, users can save significant time in presentation creation and eliminate manual slide transitions.
Following are the key things you will be able to do after you watch this demo:
Generate automated slide content using AI transcription tools
Extract precise time codes from transcripts for slide transitions
Transform raw transcripts into structured slide presentations
Use AI prompts to create inspirational and motivational slide copy
Convert slide data into JSON and CSV formats
Automate slide creation across multiple platforms (powerPoint, Canvas)
Optimize slide timing and pacing for engaging presentations
Leverage AI tools to reduce manual presentation development time
Export transcription data for seamless content repurposing
Create consistent and professional slide decks without manual intervention
Automating On-Screen Elements with AI 0:09
Josh Lomelino introduces the demo, focusing on automating on-screen elements for lectures or demos.
He explains the use of AI-generated voice, digital double avatar, and automated slide content.
Josh emphasizes the importance of the vocal track in automating the entire performance.
He mentions using either an SRT file or transcription tools like Otter AI or Loom for accurate time codes.
Using Loom for Precise Time Codes 1:24
Josh advises using Loom for more accurate time codes compared to Otter AI.
He explains the challenges of automating slide transitions and the importance of precise time codes.
Josh demonstrates how to export the SRT file and use it for automating slide transitions.
He highlights the need for accurate time codes to avoid manual recording and timing issues.
Generating Slide Content with AI 4:38
Josh shows how to use Claude AI to generate slide content based on the SRT file.
He explains the process of copying the SRT file into memory and using AI prompts to generate slide content.
Josh suggests making the slide content inspirational and motivational.
He emphasizes the importance of comparing and mixing AI-generated content to get the desired outcome.
Adjusting Slide Transition Timing 6:10
Josh discusses the importance of slide transition timing and how it affects the video's pacing.
He suggests using a fixed number of slides and adjusting the transition timing based on the video's feel.
Josh explains how to increase or decrease the number of slides while maintaining the conversational tone.
He highlights the need for accurate time codes to ensure smooth slide transitions.
Handling Time Code Issues 8:13
Josh addresses potential issues with time codes and suggests using Loom for more accurate data.
He explains how to adjust the number of slides based on the video's length and transition timing.
Josh provides prompts for asking AI tools to generate the correct number of slides and time codes.
He emphasizes the importance of accurate time codes for automating slide transitions.
Exporting Slide Data to Excel 12:53
Josh shows how to export the slide data to an Excel file from AI-generated JSON data.
He explains the process of copying and pasting JSON data into an Excel file.
Josh suggests using a fail-safe strategy if the direct export method doesn't work.
He highlights the importance of having a clean data source for generating slides automatically.
Transforming JSON Data to CSV 13:59
Josh demonstrates how to transform JSON data into a CSV file using ChatGPT.
He explains the process of copying JSON data into ChatGPT and generating a CSV file.
Josh provides prompts for handling issues with special characters and ensuring clean data.
He emphasizes the importance of having a CSV file for automating powerPoint or Canvas slides.
Final Steps for Automating Slides 18:03
Josh explains how to use the CSV file to generate powerPoint or Canvas slides automatically.
He highlights the power of having all the necessary data for automating the presentation.
Josh mentions that the next demo will cover generating powerPoint and Canvas slides in detail.
He concludes the demo by summarizing the key steps and the benefits of automating the presentation process.
AI Tools Overview and Links
Otter AI
Otter AI is a powerful transcription and collaboration tool that solves one of the biggest bottlenecks for membership owners and content creators: turning raw ideas and recordings into publish-ready content quickly. Instead of spending hours manually transcribing podcasts, coaching calls, or brainstorming sessions, Otter automatically converts audio into accurate, searchable text that can be repurposed into blog posts, course modules, captions, or marketing emails. For creators juggling multiple platforms and constant content demands, Otter removes the friction of documentation and frees up time to focus on engaging their audience, scaling their community, and generating revenue.
Otter AI Affiliate Link Signup (use this link)
HeyGen
HeyGen is an AI video creation platform that eliminates the need for expensive equipment, on-camera talent, and complex editing—solving a major pain point for membership owners and content creators who need consistent, professional-looking videos to engage their audiences. With HeyGen, you can instantly turn scripts into high-quality talking-head videos using realistic AI avatars, complete with voiceovers and multilingual capabilities. This allows creators to scale their content output, personalize training or marketing messages, and maintain a polished brand presence without the cost or time traditionally required for video production.
HeyGen Affiliate Link Signup (use this link)
ElevenLabs
ElevenLabs is an advanced AI voice generation platform that solves the challenge of producing high-quality, natural-sounding audio for membership owners and content creators without the ongoing need for sitting in a chair and recording your voice over and over. It allows creators to instantly convert written content—like course modules, podcasts, or marketing scripts—into realistic human-like narrations in multiple voices and languages. This not only speeds up content production but also ensures a consistent, professional sound across all audio materials, helping creators deliver a polished experience that builds trust, increases engagement, and scales their content library effortlessly.
ElevenLabs Affiliate Link Signup (use this link)
Re-order Items
Once you complete this video, you’ll be able to confidently reorder classes, units, and individual content items within your content management system. You’ll learn how to move items, folders, and entire classes to customize the sequence of your content with just a few clicks. The demo shows how to update the order both during content creation and after the fact, ensuring your workflow stays organized and flexible. By mastering these tools, you’ll have full control over the structure and flow of your content.
Following are the key things you will be able to do after you watch this demo:
Reordering Content Items 0:10
Josh Lomelino explains the ability to reorder classes, units, and content, emphasizing the flexibility to sequence content.
Users can reorder content items within a folder (unit) or move entire folders and classes.
The process of reordering content involves specifying an order number for new items or leaving it blank for automatic placement at the end of the unit.
Users can reorder content items by selecting a class, navigating to a unit, and using the "reorder content" feature.
Shuffling Content Items 2:49
Josh demonstrates how to shuffle content items within a unit by selecting specific items and reordering them.
He creates a screenshot as a reference to ensure he can revert changes if needed.
The interface allows users to move items to different positions, with a zero indicating the first position in the sequence.
Accidental duplicates are handled by the system, ensuring a sequential process and proper reordering.
Refreshing and Verifying Changes 4:48
Josh refreshes the page to verify that the reordered content items are in the correct sequence.
He demonstrates the process of reordering content items in a different class to show the flexibility of the system.
Users can modify the order number of content items directly or use the "reorder content" feature for more control.
The system automatically updates the order of content items, ensuring a seamless reordering process.
Reordering Units 6:18
Josh explains how to reorder units within a class, using the "reorder units" feature.
He demonstrates moving a unit to a different position in the sequence, with all related content items moving accordingly.
The process involves selecting a class, navigating to the desired unit, and reordering the units.
Users can update the sequence of units to better organize their content flow.
Handling Class Reordering 7:49
Josh mentions the need to reorder classes only if the home page of classes requires a different sequence.
The process of reordering classes is similar to reordering units and content items.
Users can update the order of classes to reflect their preferred sequence.
The system provides flexibility in managing the flow of content, units, and classes.
Summary and Next Steps 8:43
Josh summarizes the various ways to reorder content, units, and classes, emphasizing the flexibility of the system.
He concludes the demo by mentioning the next topic, which is about locking and unlocking content.
The demo aims to showcase the powerful automation and flexibility of the content management system.
Users are encouraged to explore the different features to optimize their content organization and workflow.
Video Manager Component
After completing this video, viewers will be able to confidently upload and organize videos using the AMP Video Manager Component. They will learn how to tag and categorize content for easy searching, modify video details, and utilize advanced features like custom thumbnails and player button settings. Additionally, viewers will understand how to manage video metadata, optimize playback quality, and access analytics to track video performance. This empowers users to efficiently manage and enhance their video content within the platform.
Following are the key things you will be able to do after you watch this demo:
Video Manager Component Overview 0:08
Josh Lomelino introduces the video manager component, explaining its accessibility from both the end user's perspective and the backend.
He highlights the interactive chapters, x-ray search functionality, and closed captions capabilities.
The video manager supports various video resolutions, including 4K, 8K, and 360-degree videos, and offers a picture-in-picture feature.
Josh explains the ease of uploading videos through drag-and-drop, mentioning the automatic handling of transcripts and video resolutions on the backend.
Tagging and Metadata Management 2:23
Josh demonstrates the tagging system, which allows organizing videos into categories for easier management.
He explains the process of adding tags to videos, emphasizing the importance of tagging for advanced searches.
The metadata management includes naming, describing, and tagging videos before uploading the MP4 file.
Josh highlights the importance of uploading the highest resolution video, which will be transcoded into multiple versions for adaptive playback.
Transcoding and Video Quality Adaptation 5:49
Josh describes the transcoding process, where the highest resolution video is converted into multiple versions for different connection speeds.
He explains how the player automatically selects the best quality based on the user's connection speed.
The transcoding process ensures that the video adapts to the user's playback capabilities, enhancing the viewing experience.
Josh demonstrates the successful upload of a video and the subsequent changes in the user interface.
Advanced Features and Multilingual Support 9:21
Josh mentions future demos that will cover advanced features like multiple language support for transcripts and videos.
He explains the ability to switch out videos by modifying content and using the select video feature.
The advanced search functionality allows filtering videos by tags and specific words, making it easier to find content.
Josh emphasizes the importance of categorization and organization for managing large video libraries.
Customization and Player Settings 12:00
Josh discusses the customization options for thumbnails, player buttons, and embedding restrictions.
He explains how to upload custom thumbnails and the availability of templates for creating professional-looking thumbnails.
The player settings allow customizing social media engagement features and restricting where the video can be embedded.
Josh highlights the flexibility in setting video visibility, from public to private, and the impact of these settings on the video's accessibility.
Full Screen Video Manager 12:14
Josh introduces the Full Screen Video Manager, which provides a comprehensive view of video management.
The Full Screen Video Manager allows uploading videos, managing metadata, and adding tags directly from the full-screen interface.
He explains the process of creating content again to ensure the new video appears in the search process.
The manager also allows modifying tags and thumbnails for existing videos, enhancing the flexibility of video management.
Analytics and View Tracking 17:13
Josh demonstrates the ability to track the number of views for each video, providing valuable analytics data.
He explains how the analytics data can be used to monitor the performance of embedded content on other platforms.
The tracking feature ensures that all views are accounted for, even when the video is embedded on external sites.
Josh emphasizes the importance of using this data to optimize the video manager component and improve the user experience.
Final Thoughts and Summary 21:05
Josh summarizes the key features and functionalities of the video manager component.
He reiterates the ease of uploading and modifying videos, as well as the automatic handling of metadata and video resolutions.
The advanced search and tagging features are highlighted as powerful tools for managing large video libraries.
Josh concludes by emphasizing the flexibility and scalability of the video manager component, making it a versatile tool for various content management needs.
This welcome video guides your through a comprehensive, actionable UX design process that transforms innovative ideas into market-ready products. Viewers will learn how to uncover customer pain points, develop clear user personas, and rapidly iterate prototypes using Lean UX principles. The session demonstrates how to map out product strategies, conduct usability testing, and seamlessly prepare for product launch. Whether you’re a founder, designer, or product manager, this demo equips you with the tools to accelerate time-to-market and deliver a superior user experience.
This welcome video guides your through a comprehensive, actionable UX design process that transforms innovative ideas into market-ready products. Viewers will learn how to uncover customer pain points, develop clear user personas, and rapidly iterate prototypes using Lean UX principles. The session demonstrates how to map out product strategies, conduct usability testing, and seamlessly prepare for product launch. Whether you’re a founder, designer, or product manager, this demo equips you with the tools to accelerate time-to-market and deliver a superior user experience.
After completing this video, viewers will understand a proven, step-by-step UX design process that turns innovative ideas into market-ready products with efficiency and clarity. They will be equipped to map out customer pain points, prioritize features, and create user personas that drive actionable insights. The video empowers participants to build and refine rapid prototypes, conduct usability testing, and confidently guide products toward a successful launch. By following this process, viewers can accelerate time to market and deliver a seamless, customer-focused experience.
Following are the key things you will be able to do after you watch this demo:
Introduction to UX Design Process 0:00
Josh Lomelino introduces himself and expresses excitement about showcasing user experience design examples.
He emphasizes the importance of the Lean UX approach, which transforms innovative ideas into market-ready products efficiently.
The focus is on demonstrating the power and flexibility of their UX design process through various phases.
Josh mentions that he will show UX prototypes to illustrate each phase in context.
Phase One: Building the Foundation for Innovation 0:41
Josh explains that the first phase involves a deep dive into understanding the key questions about the product.
The goal is to identify customer and business pain points and map out the vision.
This phase involves a forensic exploration of customer pain points and proposing solutions.
The outcome is a laser-focused blueprint that transforms abstract concepts into actionable insights.
Phase Two: Execution Strategy and Rapid Ideation 1:48
In this phase, the focus is on turning insights into a rapid ideation process.
The team visualizes the customer experience and creates an actionable roadmap.
Detailed customer experience mapping is performed for strategic feature prioritization.
The approach is agile, allowing for a dynamic roadmap that adapts and evolves.
Phase Three: Product Leadership and Strategic Alignment 2:34
Josh describes this phase as connecting strategic dots to ensure every feature aligns with business objectives.
The product team and UX team become strategic partners, aligning product vision with business objectives.
The outcome is a unified strategic narrative and the basis for an actionable project plan.
The team starts building the product and approaches the MVP stage.
Phase Four: Pre-MVP Development and Product Reconnaissance 3:14
This phase involves identifying potential barriers before building the rapid prototype.
Product and technical reconnaissance is critical for success, uncovering technological limitations and design challenges.
The goal is to prevent future roadblocks and identify technology opportunities.
The team finalizes the pre-MVP development, ensuring a smooth transition to the next phase.
Phase Five: UX Design and Persona Development 4:03
Josh highlights the importance of user experience research in this phase.
The team creates detailed customer scenarios, mapping each pain point to specific system features.
The focus is on translating user research into detailed personas for rapid prototyping.
This phase brings interfaces to life with precision and continuous iteration.
Phase Six: Building the Rapid Prototype 4:47
The team transitions from paper sketches to interactive wireframes, moving from low to high fidelity.
Continuous feedback is gathered at each key point of the process, making adjustments as needed.
The goal is to go from imagination to a tangible experience, seamlessly integrating business logic into interface solutions.
The team progressively refines the prototype, ensuring it meets user needs and business objectives.
Phase Seven: Usability Testing and Continuous Refinement 5:27
Usability testing is conducted with continuous feedback and multiple rounds of revisions.
The focus is on continuous user experience refinement and evidence-based design solutions.
The team aims to hit the bullseye together, ensuring the product meets user needs and business objectives.
The process involves systematic improvement, leading to a polished final product.
Phase Eight: Finalizing Visual Design and Product Identity 5:49
Once the user experience is locked in, the team develops comprehensive style guides.
The goal is to create a comprehensive brand experience, going beyond aesthetics.
The development team gains a clear understanding of the visual voice of the product.
The team defines icons, typography, color, and user interface consistency.
Phase Nine: Design and Documentation for Development 6:35
As the project nears the end, the team prepares technical specifications and development guidelines.
The focus is on creating a seamless handoff to the development team.
The team provides technical blueprints and detailed implementation guidelines.
The goal is to ensure a smooth transition to development and preparation for launch.
Phase Ten: Launch and Final Transformation 6:57
The final phase involves transforming the prototype into a live product.
The team helps with the MVP launch, either using the client's development team or their tech stack.
The team provides all final specifications and the digital prototype from prior steps.
Clients can optionally choose to accelerate their time to market by leveraging the SAS MVP accelerator.
Conclusion and Call to Action 8:41
Josh emphasizes the importance of transforming concepts into reality.
The team has invested over 15,000 hours developing a framework that reduces front-end development time.
The mobile-first responsive architecture offers instant scalability and reduced technical complexity.
The team offers to partner with clients to augment design and technology efforts, ensuring a successful launch.
Unlock the secrets to creating a winning product by mastering the art of problem identification, stakeholder mapping, and innovative solution design. This demo guides you through defining high-impact “wicked problems,” breaking them into solvable pain points, and transforming insights into powerful features. You’ll learn to harness agile methods, leverage research tools, and build out a minimum viable product that stands out in the marketplace. Step by step, you’ll gain the skills and strategies needed to turn big ideas into real-world success.
Unlock the secrets to creating a winning product by mastering the art of problem identification, stakeholder mapping, and innovative solution design. This demo guides you through defining high-impact “wicked problems,” breaking them into solvable pain points, and transforming insights into powerful features. You’ll learn to harness agile methods, leverage research tools, and build out a minimum viable product that stands out in the marketplace. Step by step, you’ll gain the skills and strategies needed to turn big ideas into real-world success.
After completing this video, viewers will be able to confidently approach product development by identifying significant "wicked problems" and breaking them down into actionable pain points. They will learn to map stakeholders and use strategies like the 5W method to thoroughly understand issues and the people affected. Equipped with primary research skills and tools for stakeholder and ecosystem mapping, learners will be ready to define a clear path toward building an impactful minimum viable product (MVP). Ultimately, participants will leave with a framework to turn ambitious ideas into organized, actionable project plans.
Following are the key things you will be able to do after you watch this demo:
Defining the Problem and Initial Steps 0:11
Josh Lomelino discusses the daunting task of starting with a blank white screen and the importance of defining the problem to be solved.
He emphasizes the need for a problem-solving approach, focusing on specific workflow issues like ordering groceries.
The process involves mapping out pain points and converting them into solutions, which become features of the minimum viable product (MVP).
Josh explains the importance of maintaining a product mindset and the continual iterative process of discovery, design, and refinement.
Understanding the Minimum Viable Product (MVP) 2:03
Josh elaborates on the concept of an MVP, describing it as the minimum thing needed for a shippable product.
He highlights the risk of scope creep and the need to focus on essential features.
The development arc is described as a three-step process: discovery, design, and refinement, which repeats continuously.
Josh mentions various forms MVPs can take, including apps, web apps, native apps, games, and books.
Identifying Wicked Problems 4:59
Josh introduces the concept of a "wicked problem," which is complex, interconnected, and has no clear solution.
He explains the criteria for identifying wicked problems, including their complexity and the lack of a clear solution.
The importance of understanding the people affected by the problem is emphasized, with personas being used to define the target audience.
Josh provides examples of wicked problems, such as tracking auto repair warranties and bike repairs.
The 5W Strategy and Stakeholder Identification 8:49
Josh introduces the 5W strategy (who, what, when, where, why) to help identify and solve wicked problems.
He explains the importance of focusing on the people affected by the problem and identifying stakeholders.
Josh provides an example of a receipt tracker app and the various stakeholders involved, such as the end user, the company, and the battery manufacturer.
The process of mapping out stakeholders and understanding their roles is crucial for defining the ecosystem map.
Creating an Ecosystem Map and Using Tools 11:37
Josh discusses the creation of an ecosystem map, which defines the landscape and actors involved in the problem.
He explains the use of tools like Miro and Figma to create prototypes and answer questions from the ecosystem map.
The importance of defining the MVP and building backlogs and agile sprint lists is highlighted.
Josh assigns an action step for participants to come up with five to seven big picture problems and identify stakeholders and pain points.
Research and Data Mining 14:44
Josh emphasizes the need for primary research to validate and refine the identified problems and pain points.
He suggests using AI tools like ChatGPT to search forums and Reddit for discussions related to the pain points.
The importance of being led by interest and passion in solving the problem is reiterated.
Josh concludes the session by encouraging participants to focus on the action steps and start mapping out the problems and stakeholders.
Discover how to take your app idea from concept to high-fidelity MVP with lightning speed in this hands-on demo! You’ll learn how to organize product requirements, train AI tools using your own user stories, and craft powerful prompts that supercharge no-code and low-code platforms like Lovable and Thunkable. Watch step-by-step as we merge user insights, automate prototype creation, and iterate rapidly to build a functional, customizable app without writing code. Whether you're a founder, designer, or developer, this demo will empower you to launch better products, faster.
Discover how to take your app idea from concept to high-fidelity MVP with lightning speed in this hands-on demo! You’ll learn how to organize product requirements, train AI tools using your own user stories, and craft powerful prompts that supercharge no-code and low-code platforms like Lovable and Thunkable. Watch step-by-step as we merge user insights, automate prototype creation, and iterate rapidly to build a functional, customizable app without writing code. Whether you're a founder, designer, or developer, this demo will empower you to launch better products, faster.
After watching this video, viewers will be able to efficiently structure and document their product ideas, train AI tools with custom user stories and requirements, and generate detailed prompts for building full-featured app prototypes. They'll learn how to merge, organize, and optimize user stories to maximize productivity and reduce costs with AI-driven app builders like Lovable and Thunkable. By following these steps, viewers can rapidly create, customize, and iterate on high-fidelity MVPs, preparing their apps for further refinement and deployment. This workflow empowers users to leverage multiple no-code platforms and streamline their app development from concept to actionable prototype.
Following are the key things you will be able to do after you watch this demo:
Understanding Pricing and Pre-Composing Chats 0:11
Josh Lomelino explains the importance of understanding pricing in AI apps, emphasizing that credits are tied to prompts and chats.
He advises pre-composing chats in tools like ChatGPT to avoid high costs in apps like Lovable, which charge based on daily credits.
Josh demonstrates how to go back to prior steps in ChatGPT to train the system on user stories and features.
He highlights the need to ensure the chat is trained universally across all chats, otherwise, it needs to be asked to do so explicitly.
Training and Managing Chats 4:53
Josh discusses the process of training chats on system functionality, using SRT files as an example.
He explains the incremental compounding of work in Lovable, which makes it costly to start chatting without a well-defined prompt.
Josh emphasizes the importance of optimizing the use of credits to avoid high costs, comparing it to the cost of a development team.
He mentions the potential for the browser to choke on large chats and the need to break them into manageable parts.
Merging and Organizing User Stories 7:17
Josh demonstrates how to merge multiple chats to create a faster and more efficient chat.
He explains the process of outputting user stories as a CSV and the challenges with special characters in CSV files.
Josh suggests exporting as an Excel file to fix formatting issues.
He highlights the importance of incrementally building a pipeline to automate the creation of front-end interface screens.
Enhancing User Stories with Features and Acceptance Criteria 9:36
Josh adds a feature column to the user story backlog, differentiating it from user story language.
He includes acceptance criteria, which helps in testing and identifying the area within the app where the feature would exist.
Josh emphasizes the importance of documenting key wins and moments in a Google Doc for future reference.
He explains the process of comparing the current chat output with a saved Word file to ensure completeness.
Creating a Master Prompt for Lovable 17:44
Josh discusses the process of creating a master prompt for Lovable, which includes context, logical structure, explicit instructions, and adaptive considerations.
He highlights the need for granular detail to get specific UI controls in the prompt.
Josh explains the importance of saving the output as a Google Doc or GitHub repository for version control.
He demonstrates how to rewrite the master prompt to include all features in one MVP release.
Training Lovable on Documentation 42:48
Josh trains Lovable on the documentation of the tool, which helps in creating a prompt for Lovable.
He explains the process of crawling through the documentation pages and listing the pages learned from.
Josh emphasizes the importance of checking that the AI is actually doing what it claims to do.
He demonstrates how to extract and summarize recommendations from the AI.
Refining and Customizing the App 45:00
Josh refines and customizes the app by adjusting colors and mastering prompting.
He explains the process of using chat mode to plan additional features like a coach and admin portal.
Josh demonstrates how to toggle between different device types to test the app on various form factors.
He highlights the importance of iterating on the app to ensure it meets user needs and pain points.
Exploring Different Tools and Integrations 49:51
Josh explores different tools like Thunkable, Bubble IO, Cursor, Replit, Flutter Flow, and Draftbit.
He explains the process of training the AI on the documentation of these tools to create a single prompt.
Josh highlights the importance of integrating tools like Supabase and Airtable for data management.
He emphasizes the need to experiment with different tools to find the best fit for the project.
Finalizing the MVP and Next Steps 1:04:33
Josh finalizes the MVP by ensuring all features are included in the prompt.
He explains the process of exporting the code base and pushing it to GitHub for further development.
Josh highlights the importance of iterating on the app to ensure it meets user needs and pain points.
He explains the next steps of refining and customizing the app, and preparing it for deployment to the app stores.
Discover how to unlock your product’s potential with this hands-on demo! Learn to identify your audience’s biggest challenges, craft compelling scripts using leading marketing frameworks, and leverage AI-powered tools to create engaging vision videos. Walk away ready to prototype voiceovers, iterate on creative ideas, and connect with your audience through actionable storytelling that drives real results.
Discover how to unlock your product’s potential with this hands-on demo! Learn to identify your audience’s biggest challenges, craft compelling scripts using leading marketing frameworks, and leverage AI-powered tools to create engaging vision videos. Walk away ready to prototype voiceovers, iterate on creative ideas, and connect with your audience through actionable storytelling that drives real results.
This video guides viewers through recognizing and addressing key challenges like lack of clarity, inconsistency, and information overload. By following the step-by-step vision presented, viewers will learn how the app helps them transform these obstacles into opportunities for personal growth and productivity. After watching, audiences will be equipped to download the app, leverage its key features to build better habits, and take actionable steps toward positive change. The video empowers viewers to begin their own transformation journey right away.
Following are the key things you will be able to do after you watch this demo:
Creating a Vision Video Using Marketing Frameworks 0:10
Josh Lomelino explains the initial steps for creating a vision video, emphasizing the importance of the Ray Edwards framework.
The process involves identifying and amplifying pain points, telling a story, and transforming the narrative to lead to a call to action.
Josh introduces the Jeff Walker framework, which follows a similar pain-agitate-solve structure.
He discusses the use of ChatGPT to unearth pain points and personas, integrating this information into the script writing process.
Script Writing and User Problems 5:13
Josh details the process of writing a script using the Ray Edwards framework, focusing on the top three common problems.
He lists the top three problems: lack of clarity, inconsistency, and lack of accountability.
The script aims to show a transformation from pain to breakthrough, with a vision video lasting two to three minutes.
Josh emphasizes the importance of defining marketing before finishing the product to connect with the audience effectively.
Iterating the Script and Using Generative AI 10:44
Josh explains the process of creating multiple versions of the script, using ChatGPT and Claude AI for brainstorming and refining.
He highlights the importance of providing detailed instructions to the AI tools to ensure they stay within the desired framework.
Josh discusses the use of teleprompter scripts to ensure the spoken words are accurate and readable.
He mentions the use of 11 Labs for generating voiceovers, which helps in prototyping and refining the script.
Finalizing the Script and Preparing for Video Production 27:00
Josh talks about the importance of testing different versions of the script with focus groups to get valuable market feedback.
He explains the process of creating a Google Doc to keep track of different versions of the script and related content.
Josh introduces the Jeff Walker framework, which is used for product launches, and compares it with the Ray Edwards framework.
He discusses the final steps of creating the vision video, including generating animatics, storyboards, and visual content.
Generating Audio and Selecting Voices 36:23
Josh demonstrates the use of 11 Labs to generate audio performances from the script, using his own voice as a clone.
He explains the process of selecting and applying different voices from the 11 Labs library to experiment with different tones and styles.
Josh highlights the importance of exporting the audio in WAV format for higher quality and flexibility in editing.
He discusses the potential use of multiple voices to create a cast of characters in the vision video.
Editing and Refining the Vision Video 58:53
Josh outlines the next steps for editing the audio and video content, including creating animatics and storyboards.
He emphasizes the importance of aligning the visuals with the audio track to ensure the narrative flows smoothly.
Josh discusses the use of AI-generated video content for B-roll footage to show the app in use.
He concludes by summarizing the overall process of creating a vision video, from script writing to final production, and the role of various tools and frameworks in achieving this.
Unlock the power of AI to supercharge your product design process! This demo guides you through capturing raw ideas via voice recordings, organizing them into agile user stories with Otter and ChatGPT, and rapidly turning those insights into working app prototypes using Figma Make. You’ll learn to mine your own thoughts for powerful features and pain points, map these to real user needs, and supercharge your workflow with cutting-edge tools. By the end, you’ll be ready to turn any burst of inspiration into design-ready prototypes and actionable development steps.
Unlock the power of AI to supercharge your product design process! This demo guides you through capturing raw ideas via voice recordings, organizing them into agile user stories with Otter and ChatGPT, and rapidly turning those insights into working app prototypes using Figma Make. You’ll learn to mine your own thoughts for powerful features and pain points, map these to real user needs, and supercharge your workflow with cutting-edge tools. By the end, you’ll be ready to turn any burst of inspiration into design-ready prototypes and actionable development steps.
In this video, you'll learn how to transform your brainstorming sessions and unstructured ideas into actionable agile user stories using AI tools and Otter transcription. By following the process demonstrated, you'll discover how to mine your thoughts for key features and pain points, then organize them into structured requirements. Viewers will see how to use these user stories to generate rapid app prototypes with tools like Figma Make and refine them for a real-world project. By the end, you'll have the methods and confidence to turn your random ideas into clear, design-ready prototypes and workflows.
Following are the key things you will be able to do after you watch this demo:
Here is the template you can clone to define your app.
Click here to get the ultimate prompt cheat sheet of every prompt used end to end.
Click here to get the 10 step workflow summary guide and supplemental resources.
AI-Driven Prototype Development Process 0:09
Josh Lomelino explains the process of creating AI-driven prototypes using tools like Figma, Proto.io, and others.
The goal is to create a template that can be integrated into manual prototypes, eventually leading to a full app experience using tools like Lovable or Bubble.
Emphasis on the importance of a clear product definition and agile user stories for successful AI development.
Josh demonstrates how to train a chat on app features and user stories, using his app "Reclaim You" as an example.
Training ChatGPT for User Stories 4:30
Josh shows how to train ChatGPT on audio brainstorming sessions using Otter for transcription.
He explains the process of exporting SRT files from Otter and using them as inputs for ChatGPT.
The goal is to capture random thoughts and ideas, which AI can then organize into structured user stories.
Josh demonstrates how to ask ChatGPT to learn from the audio files and generate actionable insights for app features and user stories.
Data Mining and Feature Identification 10:13
Josh discusses the importance of data mining and research to identify core pain points and features for the app.
He shows how to ask ChatGPT to create lists of pain points, issues, and challenges from the data set.
The process involves categorizing pain points into broad buckets like health and wellness, planning and process, motivation and mindset, teaching and engagement.
Josh emphasizes the need for a clear understanding of pain points to develop effective product solutions.
Generating Agile User Stories 17:52
Josh explains how to use ChatGPT to create detailed agile user stories based on the identified pain points.
He demonstrates the process of training ChatGPT on the framework of pain to solution for creating user stories.
The goal is to generate a comprehensive list of user stories that can be used to guide the development of the app.
Josh shows how to create personas for different user groups and generate user stories for each persona.
Prototype Generation with Figma Make 25:43
Josh introduces Figma Make as a tool to generate prototype screens based on the agile user stories.
He explains the process of describing the app in Figma Make, including the app store description and features.
The tool generates HTML code for the prototype screens, which can then be manually refined.
Josh emphasizes the importance of using multiple tools and integrating their outputs to create a comprehensive prototype.
UI Framework and Stencils 35:30
Josh discusses the importance of selecting a UI framework for the final app experience.
He demonstrates how to use UI kits like Bootstrap UI and Material UI to create a consistent UI workflow.
The goal is to ensure that the prototype screens match the final app experience as closely as possible.
Josh shows how to use stencils to quickly create UI elements and save time in the development process.
Reviewing and Refining the Prototype 45:41
Josh explains the importance of reviewing and refining the prototype to ensure it meets the project requirements.
He demonstrates how to identify and fix broken links and other issues in the prototype.
The process involves iterating on the prototype, incorporating feedback, and refining the UI elements.
Josh emphasizes the need for a clear and accurate input to get the best output from AI tools.
Final Steps and Best Practices 46:18
Josh outlines the final steps in the AI-driven prototype development process.
He emphasizes the importance of saving chat history and project documentation for future reference.
The goal is to create a comprehensive and accurate prototype that can be used as a starting point for the final app development.
Josh encourages the use of multiple tools and integrating their outputs to create a robust and functional prototype.
This demo walks you through a dynamic, actionable framework for transforming user pain points into a Minimum Viable Product (MVP) using Agile user stories. You'll learn how to brainstorm and document personas, reframe core problems as needs, and translate those into actionable features with step-by-step guidance. The session demonstrates both hands-on manual methods and the use of powerful AI tools—like ChatGPT—to rapidly generate and refine user stories, making the product development process more efficient. By the end, you'll be equipped with practical strategies to build, organize, and launch your own MVP, leveraging proven workflows and modern AI support.
This demo walks you through a dynamic, actionable framework for transforming user pain points into a Minimum Viable Product (MVP) using Agile user stories. You'll learn how to brainstorm and document personas, reframe core problems as needs, and translate those into actionable features with step-by-step guidance. The session demonstrates both hands-on manual methods and the use of powerful AI tools—like ChatGPT—to rapidly generate and refine user stories, making the product development process more efficient. By the end, you'll be equipped with practical strategies to build, organize, and launch your own MVP, leveraging proven workflows and modern AI support.
In this video, viewers will learn a practical framework for developing a Minimum Viable Product by systematically transforming user pains into actionable features through needs analysis and Agile user stories. By following along, participants will discover how to brainstorm and document user personas, define core problems, and leverage AI tools to accelerate feature development. Completing the video equips viewers with the skills to map out, organize, and build a comprehensive feature backlog tailored to their users' needs. Ultimately, you’ll be able to apply this structured approach to launch your own MVP efficiently and effectively.
Here is the template you can clone to define your app.
Click here to get the 10 step workflow summary guide and supplemental resources.
Click here to get the ultimate prompt cheat sheet of every prompt used end to end. Below is the Prompt Atlas showing the 8 categories of prompts in the prompt cheat sheet guide.
Following are the key things you will be able to do after you watch this demo:
Introduction to MVP and Ecosystem Mapping (0:00:09)
Josh introduces the concept of the Minimum Viable Product (MVP), emphasizing the importance of defining pain points, needs, and features for different stakeholders and mapping the overall project ecosystem
Three-Part Agile User Story Process (0:00:09)
Josh outlines a sequential framework: converting pains into needs and then into features, which are written as Agile user stories, highlighting the value of progressing step-by-step rather than jumping directly to user stories.
Business Vision Planning and Personas (0:08:36)
The importance of developing user personas is discussed, showing how various archetypes (e.g., medical doctors, programmers, teachers) help clarify specific needs by associating real-life pains and developing empathy-driven solutions.
Pain, Need, and Feature Transformation (0:18:15)
Demonstrates, with the example of a medical doctor, how individual pains are rewritten into user needs and further translated into actionable features, using empathetic design as a core principle.
Manual and AI-Assisted User Story Generation (0:27:50)
Josh explains how manually defining the framework prepares for leveraging AI tools, which accelerate the process of drafting needs and Agile user stories for each persona.
Leveraging AI for Brainstorming and Data Mining (0:37:51)
Describes incorporating AI chatbots (e.g., ChatGPT, Gemini) to quickly generate, format, and expand user stories and pain points, as well as methods for data mining common user problems using AI.
Persona and Backlog Development Workflow (0:47:00)
Shares how organizing and summarizing ideas with AI and mind mapping tools streamlines persona development and backlog creation, allowing for comprehensive project planning and smoother team collaboration.
Iterative Process and Documentation Completion (0:55:56)
Details the ongoing, iterative approach of developing user personas and scenarios, curating and refining user stories, and documenting all features in structured formats for future product development steps.
Multiple Languages Demo in AMP
Watch in English | Watch in Spanish
Description
Discover how cutting-edge AI technology enables you to create multilingual videos that deliver natural, native-language experiences for global audiences. This demo will guide you through three methods for translating audio and video content, with a focus on the most advanced approach—generating fully synchronized video, audio, and subtitles in up to 36 languages. Learn how to spot-check translations using AI services, validate quality even without full review teams, and seamlessly integrate multi-language playback within Anomaly Amp. By the end of this session, you’ll see how learners can effortlessly switch languages during playback—while maintaining perfect lip sync and subtitle accuracy—empowering your content to reach diverse viewers with an authentic, in-language experience.
Creating Multilingual Videos
After completing this video, viewers will know how to create and translate audio and video content into multiple languages using advanced AI-powered workflows. They will be able to generate synchronized lip-sync performances, dubbed audio, and accurate subtitles for up to 36 languages, ensuring a seamless user experience for international audiences. Users will also be able to integrate these multilingual assets into platforms like Amp, allowing viewers to easily switch between languages. This process empowers content creators to efficiently mass produce and manage localized video content for diverse learning environments.
Following are the key things you will be able to do after you watch this demo:
Click here to see and get each tool used in this demo.
Examples Shown in this Demo
Overview of Multilingual Video Creation 0:08
Josh Lomelino introduces the demo overview for creating multilingual videos and integrating them into Anomaly Amp.
Discusses the three methods for delivering multilingual content: audio-only, translation services, and advanced methods.
Highlights the advanced method's ability to generate performances with audio and video in sync in multiple languages.
Mentions the demo will focus on the advanced method, which offers the best user experience.
Preparing the Source Material 3:55
Josh emphasizes the importance of using a high-quality WAV file for the best translation and quality.
Demonstrates the process of preparing the source material, whether it's live or generated.
Explains the steps involved in exporting the audio file as a WAV or MP3.
Discusses the benefits of using a WAV file for better translation and quality.
Translation Process Using 11 Labs 7:08
Josh explains the translation process using 11 Labs, which provides the best translation and vocal performance.
Details the steps for creating a dubbing project in 11 Labs, including specifying the source and target languages.
Discusses the benefits of using multiple speakers and disabling voice cloning for better performance.
Demonstrates the process of uploading and translating an audio file using 11 Labs.
Spot Checking Translations 13:29
Josh shows how to spot check translations using AI translation services if a full translation team is not available.
Explains the process of exporting the translated audio file and re-translating it back to English for validation.
Highlights the importance of having a review team to ensure accuracy.
Discusses the steps for implementing multiple languages into Anomaly Amp.
Advanced Method Demonstration 21:05
Josh demonstrates the advanced method, which generates performances with audio and video in sync in multiple languages.
Explains the sequential process of preparing the source material and translating it using 11 Labs.
Discusses the benefits of using a digital double for creating multilingual videos.
Demonstrates the process of uploading and generating the translated video file.
Integrating Multilingual Videos into Anomaly Amp 28:08
Josh explains the process of integrating multilingual videos into Anomaly Amp.
Discusses the options for switching between languages on the fly.
Demonstrates the steps for creating a new page in Anomaly Amp and uploading the multilingual video.
Highlights the benefits of using Vimeo's advanced tools for managing multilingual videos.
Handling Subtitles and Closed Captions 35:00
Josh discusses the options for handling subtitles and closed captions in multilingual videos.
Demonstrates the process of adding subtitles and closed captions in Vimeo.
Explains the benefits of using AI translation services for generating subtitles.
Highlights the importance of ensuring the subtitles and closed captions are accurate and synchronized.
Implementing Multiple Language Pages 58:30
Josh explains the process of creating multiple language pages in Anomaly Amp.
Discusses the benefits of having a separate page for each language.
Demonstrates the steps for creating and linking the multiple language pages.
Highlights the importance of organizing the content based on the target audience's language preferences.
Text Translation and Localization 59:19
Josh discusses the importance of text translation and localization for multilingual content.
Demonstrates the process of translating text using Google Translate.
Explains the benefits of having a review team to ensure the accuracy of the translated text.
Highlights the importance of localizing the entire site for a seamless user experience.
Architecting the Multilingual Experience 1:04:46
Josh discusses the different ways to architect the multilingual experience in Anomaly Amp.
Explains the benefits of having a separate class for each language.
Demonstrates the steps for organizing the content based on the target audience's language preferences.
Highlights the importance of choosing the best method for delivering multilingual content.
There are no Main Site search results.