Search Phrase = Guide
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:
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.
Create your Sitemap
In this video, you will learn how to create an effective site map to plan the structure and organization of your website. By the end, you will be able to brainstorm and document the core pages, features, and customer journeys needed for your minimum viable product (MVP). Armed with this site map, you can then use the flexibility of AMP to incrementally build out your website and seamlessly expand it over time to meet evolving customer needs.
Here are the key things you will be able to do after you watch this demo:
Explain the purpose and importance of creating a site map to understand customer needs and build a seamless website experience
Describe the key elements of a site map, including the main site, blog, and membership sections
Demonstrate how to brainstorm and organize website content into a structured site map
Differentiate between a Minimum Viable Product (MVP) and the final long-term vision for a website
Identify the core pages and features to include in an MVP site map, such as a home page, about page, services/portfolio, and contact page
Recognize the flexibility of AMP to handle unlimited content and organizational structures as the website grows over time
Apply the site mapping process to plan the customer journey and content for a specific business, such as Create Mode Media
Creating a Site Map: Introduction and Purpose (0:00)
Josh Lomelino explains the importance of understanding customer needs to build a seamless and frictionless website experience.
He references his book, "Smart Business Success," which covers defining customer needs and building a business around them.
Josh emphasizes the role of AMP in providing technical tools and strategy for defining customer needs and growing revenue.
The site map is introduced as a collection of organized content, including the main site, blog, and membership sections.
Site Map Structure and Initial Planning (1:34)
Josh discusses the structure of the site map, including the main site, blog, and membership sections.
He mentions the importance of breaking down the site map into more detailed funnels and lead magnets.
The initial focus is on executing the main site, with plans to expand into other areas like support mechanisms and customer journeys.
Josh plans to build out the customer journey for Create Mode Media, which will include video production services and an online membership.
Brainstorming and Organizing Content (3:29)
Josh explains the process of brainstorming and organizing content into a bulleted list in a Word or Google Doc.
He emphasizes the importance of thinking about what customers need and putting together a plan to meet those needs.
The site map is used as a brainstorming tool to identify and prioritize content and features.
Josh plans to produce a detailed site map and share it to show the final result and plan for structuring the site.
Minimum Viable Product (MVP) Planning (5:05)
Josh introduces the concept of the Minimum Viable Product (MVP) and its importance in starting small and incrementally building the site.
He explains the analogy of starting with a skateboard and gradually moving to more complex vehicles to illustrate the MVP approach.
The MVP includes a home page, about page, services and products portfolio, and contact page.
Josh highlights the flexibility of AMP to handle any scale and the importance of starting with a simple MVP.
Finalizing the Site Map and Next Steps (6:39)
Josh reviews the final site map, which includes a home page, about page, services and products portfolio, contact page, and memberships.
He emphasizes the importance of the site map as a compass to Guide the development process.
Josh mentions the flexibility of AMP to handle unlimited content items and different organizational structures.
He plans to show the technical steps to bring the site map to life in the next steps.
Your DNS
This video provides a comprehensive Guide on how to set up DNS and SSL/TLS configurations for a website using Cloudflare. By following the steps demonstrated, viewers will be able to configure the necessary DNS records, including an A record and a CNAME record, to properly direct traffic to the origin server and leverage Cloudflare's security features. These techniques can be applied to another CDN (content delivery network) if you are not using cloudflare.
Here are the key things you will be able to do after you watch this demo:
Configure DNS records, including an A record and a CNAME record, to direct traffic to the origin server.
Explain the purpose and benefits of enabling the "proxied" setting for DNS records to enhance security.
Differentiate between the various SSL/TLS encryption mode options (full, flexible, strict) and apply the appropriate configuration to establish a secure connection.
Evaluate SSL connections by interpreting browser security indicators and certificate details.
Recognize the option to use a custom SSL certificate branded to the domain and describe the process to deploy it on both the Cloudflare edge server and the origin server.
Collaborate with Cloudflare support to set up advanced SSL certificate configurations for specific use cases.
Demonstrate the overall process of setting up DNS and SSL/TLS for a website, including the necessary steps and considerations to ensure a secure and reliable connection.
Troubleshoot and resolve any issues that may arise during the DNS and SSL/TLS setup process.
Communicate the technical details and benefits of the implemented DNS and SSL/TLS configurations to stakeholders.
Apply the knowledge gained from this demo to set up secure and reliable web infrastructure for future projects.
Cloudflare DNS Setup Instructions (0:02)
Josh Lomelino explains the need to create two records: an A record and a CNAME record to direct traffic to the anomaly amp server.
The A record should have the website name as the host and the provided IP address as the value.
Proxied should be turned on to hide the origin server's IP address, making the connection more secure.
The A record should be saved after entering the IP address.
Adding the CNAME Record (2:09)
Josh Lomelino instructs to add a CNAME record with the host set to www and the value set to the website name (e.g., www.createmedia.com).
The CNAME record ensures that www.websitename.com redirects to the main website and supports SSL.
Proxied status should be set to cloak the origin server's IP address.
The CNAME record configuration ensures that SSL is enabled for www subdomains.
Configuring SSL Settings in Cloudflare (3:21)
Josh Lomelino discusses the SSL/TLS encryption mode options: full, flexible, and strict.
Full mode ensures an SSL certificate between the user and Cloudflare, and between Cloudflare and the origin server.
Flexible mode allows SSL between the user and Cloudflare but not between Cloudflare and the origin server.
Strict mode provides the strongest SSL connection but requires testing to ensure full mode is working first.
Testing and Troubleshooting SSL Connections (6:20)
Josh Lomelino explains the process of testing SSL connections by checking the browser's security icon.
The security icon indicates whether the connection is secure and provides details about the SSL certificate.
Users can check if they are using a shared certificate or a custom certificate branded with their domain.
Most users won't need to drill down to the certificate details, but the techniques shown cover most use cases.
Advanced SSL Certificate Management (6:40)
Josh Lomelino mentions the option to purchase a custom SSL certificate for the Edge server.
High-end experiences may require deploying a custom certificate to the origin server.
Advanced support may be needed to install the custom certificate on the origin server.
Most cases don't require a custom certificate, but the option is available for enhanced security.
Final Steps and Troubleshooting Tips (8:54)
Josh Lomelino summarizes the DNS and SSL setup process, ensuring a working SSL certificate between the user and Cloudflare.
The final step is to test the setup in the browser to ensure the SSL connection is secure.
Users can check the certificate details to verify the SSL configuration.
Josh Lomelino offers to answer any questions and encourages users to reach out for further assistance.
The announcements component allows you to easily manage and publish important messages and callouts on your website's home page. You can create announcements with images, dates, descriptions, and links to drive traffic to specific pages or files. After watching this demo, you'll be able to efficiently update and modify announcements as needed to keep your members informed about the latest news and information.
The announcements component allows you to easily manage and publish important messages and callouts on your website's home page. You can create announcements with images, dates, descriptions, and links to drive traffic to specific pages or files. After watching this demo, you'll be able to efficiently update and modify announcements as needed to keep your members informed about the latest news and information.
Here are the key things you will be able to do after you watch this demo:
Manage multiple announcements on the home page of a website
Integrate images, dates, descriptions, and links into announcements
Drive traffic to specific pages or files using announcement click-through links
Update and modify existing announcements as needed
Ensure announcements are mobile responsive across devices
Leverage announcements to keep members informed about important information
Organize announcements in a specific order to prioritize content
Utilize the integrated file management system to select announcement images
Understand the importance of following template Guidelines for image dimensions
Efficiently create, submit, and publish new announcements in the CMS
Announcements Component Overview (0:00)
Josh Lomelino introduces the announcements component, which allows managing multiple announcements on the home page of a site.
Announcements can include images, dates, descriptions, and links to download files or redirect to different areas of the site.
The component is designed to help manage important messages and callouts effectively.
Josh explains that the announcements will be mobile responsive, working on various devices like mobile, tablet, and desktop.
Creating and Managing Announcements (0:38)
Josh demonstrates how to create a new announcement in the CMS by clicking "Create Announcement."
He inputs a title for the announcement, "Example Announcement," and selects a file from the integrated file management system.
Josh highlights the importance of using the provided template for file dimensions to ensure proper formatting.
He explains how to edit image dimensions and mentions that the announcements are mobile responsive.
Adding Links and Dates to Announcements (2:14)
Josh shows how to add a click-through hyperlink to an image, which can redirect users to a specific page.
The order of announcements is determined by the order in which they are created, with the most recent announcement appearing first.
Users can choose to include a date for the announcement, which will automatically default to the current date if not specified.
Josh provides an example of setting a date and text for an announcement and submitting it to the database.
Updating and Modifying Announcements (3:36)
Josh explains that once an announcement is submitted, it will be displayed on the home page with the specified date and text.
He demonstrates how to modify an existing announcement by changing the text and adding a new URL or file.
Users can update the announcement to drive traffic to specific pages or download files.
Josh emphasizes the flexibility of the announcements component in managing and updating important information on the home page.
Driving Traffic and Keeping Members Informed (4:52)
Josh discusses the versatility of the announcements component in driving traffic to various parts of the site.
He provides examples of how to use announcements to keep members informed about new blog posts or conference speaker lineups.
The component allows for the easy management of current and relevant information on the home page.
Josh concludes by reiterating the importance of keeping the home page updated with important announcements to keep members engaged and informed.
Image Slider Component Demo
This video provides a comprehensive Guide on how to set up and optimize image sliders for websites with a focus on mobile-first design. Viewers will learn how to leverage pre-designed slider templates, properly size and export slider images, and integrate the sliders into a content management system (CMS) while ensuring optimal responsiveness across different devices and form factors. By following the steps demonstrated, users will gain the skills to create high-quality, mobile-friendly image sliders that provide an engaging and seamless experience for their website visitors.
1172 pixels wide by 580 pixels tall (1172 x 580) are the best dimensions for the billions of devices on the market. That's what we have found is ideal and will work everywhere. With the template linked on this page in the supplemental resources (also shown in this demo) you can drag and drop images into sliders. Or you can make your very own images from scratch using the concepts shown in the demo.
Understand the importance of mobile-first design and responsive layout considerations when setting up image sliders on a website.
Identify the safe zones and optimal image dimensions for creating mobile-friendly sliders that avoid text and content cutoff.
Utilize developer tools to test and analyze the responsiveness of image sliders across different device form factors and orientations.
Access and leverage pre-designed slider templates to quickly create high-quality, mobile-optimized sliders.
Effectively edit, export, and optimize slider images for web performance, ensuring fast loading times and minimal bandwidth consumption.
Integrate and manage slider images within a content management system (CMS), including uploading, cropping, and linking functionality.
Apply best practices for maintaining the recommended slider image dimensions and safe zones when directly editing and modifying images in the CMS.
Setting Up Image Sliders on Websites (0:00)
Josh Lomelino introduces the topic of setting up image sliders on websites, emphasizing their use on the home page and other pages.
He highlights the importance of mobile responsive design, showing how sliders can be clicked through and swiped on different devices.
Josh explains the concept of mobile-first design and how to use developer tools to toggle between different device formats.
He mentions the importance of optimizing sliders for various form factors, including landscape and portrait modes.
Optimizing Sliders for Mobile Responsive Design (2:01)
Josh discusses the challenges of ensuring text visibility and avoiding text cutoff in sliders.
He demonstrates how to test sliders using developer tools and highlights the importance of keeping key information within the safe zone.
Josh shows an example of a slider that is not optimized and compares it to a well-optimized one, emphasizing the need for proper image cropping.
He explains how to use developer tools to analyze the responsiveness of sliders on different devices.
Using Templates for Image Sliders (4:28)
Josh introduces templates linked on the page that help users create amazing sliders with minimal effort.
He explains how to use the home page slider design template in Photoshop or other applications like GIMP or Canva.
Josh demonstrates how to open the PSD file, turn visibility on and off for different slider layouts, and add text overlays.
He emphasizes the importance of safe regions and proper image dimensions for optimal display on various devices.
Implementing and Optimizing Sliders (10:13)
Josh shows how to drag and drop images into the template and export them for use on the website.
He explains the importance of optimizing images for mobile to ensure fast loading times and minimal bandwidth consumption.
Josh demonstrates how to export images using Photoshop's "Save for Web" feature and adjust file sizes for optimal performance.
He shows how to upload and integrate the exported image into the CMS, ensuring proper linking and formatting.
Managing Images in the CMS (13:22)
Josh explains how to modify existing sliders or create new ones in the CMS.
He demonstrates how to specify the number of items in a slider and link images to specific pages.
Josh shows how to upload images directly into the CMS and ensure they are properly formatted and linked.
He explains how to use the CMS to crop and modify images directly, maintaining the recommended dimensions for mobile responsiveness.
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
Master Script Framework
After completing this video, viewers will be able to develop a master script framework for producing a full year of unique, inspirational Instagram reels. They will learn how to batch-create scripts, add descriptions and hashtags, and spot-check content for quality and consistency. The video Guides users through automating the content creation process, organizing everything in one place, and preparing for efficient scheduling and posting. By following these steps, viewers can streamline their social media production and ensure their messaging remains engaging and on-brand.
Here are the key things you will be able to do after you watch this demo:
Develop a master script framework for content creation
Generate and batch unique weekly scripts
Spot-check and refine content for quality and consistency
Automate the production and organization of social media assets
Schedule and prepare posts for efficient publishing
Integrate descriptions and hashtags for each script
Critique and adjust content to maintain brand messaging
Developing the Master Script Framework 0:09
Josh Lomelino explains the importance of developing a master script framework to allow AI to rapidly produce content.
The sequence is a 52-week sequence with the final outcome being Instagram reels, which will also be used for ads.
The feedback loop will be used to create Canvas slides for simple posts on Facebook and Instagram.
Josh will be working on a startup product that is in its beginning stages, creating content from scratch.
Initial Tests and Experimentation 1:47
Josh shows a demo of initial tests to figure out how to proceed with social media content.
The first test involves a digital spokesperson promoting a game, with different voices and accents.
Josh emphasizes the need for 52 weeks of content and trains ChatGPT on the product.
The process involves starting with a brand new chat and training ChatGPT on the game description.
Training ChatGPT and Generating Scripts 5:26
Josh begins training ChatGPT by asking for a 15-second script for an Instagram reel.
The goal is to generate a sequence of 52 video scripts for Instagram reels.
Josh requests ChatGPT to provide a list of titles thematically broken down for each week.
The focus is on creating thought-provoking content that generates interest and shareability.
Refining the Scripts and Thematic Breakdown 9:09
Josh continues to refine the scripts, ensuring they are thematically broken down.
The process involves saving snapshots of the training process to keep the framework on track.
Josh emphasizes the importance of critiquing and providing feedback to steer the model in the right direction.
The goal is to create a strong starting point for the rest of the social media calendar.
Finalizing the Scripts and Automating Production 16:18
Josh finalizes the first script as a test and generates the video in 4K.
The process involves duplicating the project, pasting the script, and using different voices.
Josh demonstrates how to generate all 52 weeks of scripts, ensuring each week is unique and inspirational.
The final step involves copying and pasting the scripts into a Google Doc for easy management and scheduling.
Managing the Social Media Calendar 24:44
Josh explains the importance of having Instagram descriptions and hashtags for each script.
The process involves saving the framework and ensuring all future scripts follow the combined format.
Josh spot checks the scripts to ensure they stay on track and provide feedback as needed.
The goal is to have everything ready for scheduling and posting on social media platforms.
Setting Up the Video Production Pipeline 32:43
Josh outlines the next steps for setting up the video production pipeline.
This includes selecting voices, actors, and actresses for the brand.
The process involves using Showbiz to produce each of the 52 videos.
Josh emphasizes the importance of having a fast and easy pipeline for production.
Finalizing the Year's Worth of Content 41:53
Josh continues to batch produce the remaining scripts, ensuring they are unique and inspirational.
The process involves spot checking the scripts and providing feedback to keep the model on track.
Josh demonstrates how to manage the entire year's worth of content in one spot.
The final step involves generating the entire year's content and ensuring it is ready for scheduling and posting.
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.
Keywords: Webcam,DSLR,setup,brightness,contrast,color,temperature,LUT,presets,image,quality,white,balancing,Logitech,software,post,production,Camtasia,Premiere,Pro,Lumetri,video,on-camera,performance
In this video, Josh provides a comprehensive Guide to improving on-camera video quality using webcam settings and post-production techniques. Viewers will learn how to optimize their camera's brightness, contrast, and color settings through software applications like Logitech's control panel, and understand the importance of proper lighting and white balancing. The tutorial demonstrates how to fine-tune video appearance by adjusting settings, testing variations, and using LUT presets in editing software like Premiere Pro. By following these steps, content creators can produce professional-looking videos with consistent, high-quality visual performance.
In this video, Josh provides a comprehensive Guide to improving on-camera video quality using webcam settings and post-production techniques. Viewers will learn how to optimize their camera's brightness, contrast, and color settings through software applications like Logitech's control panel, and understand the importance of proper lighting and white balancing. The tutorial demonstrates how to fine-tune video appearance by adjusting settings, testing variations, and using LUT presets in editing software like Premiere Pro. By following these steps, content creators can produce professional-looking videos with consistent, high-quality visual performance.
Here are the key things you will be able to do after you watch this demo:
Calibrate webcam settings for optimal image quality
Adjust brightness and contrast using manufacturer-specific software
Perform white balance corrections using neutral objects
Identify and correct color temperature issues
Screenshot and test video settings across multiple devices
Apply LUT presets for consistent color grading
Use post-production tools like Premiere Pro for video enhancement
Create repeatable video quality settings for future productions
Troubleshoot common on-camera video performance problems
Compare and evaluate video quality against professional standards
Critical Considerations for On-Camera Video Performances 0:08
Josh Lomelino introduces the topic of critical considerations for on-camera video performances and video quality.
He emphasizes the importance of using either a webcam or a DSLR setup, each requiring different strategies but relying on the same basic principles.
Key settings like brightness, contrast, color, and temperature are highlighted as essential for managing video quality.
LUT presets are mentioned as a tool for applying color adjustments quickly and consistently in post-production.
Focus on Webcam Use Case 0:51
Josh Lomelino explains that he will primarily focus on the webcam use case, as it is likely the dominant form of production for most people.
He discusses the benefits of using specific software applications for webcams, such as Logitech, to manage image quality settings.
The Logitech settings control panel is used as an example to demonstrate managing all aspects of the image, starting with brightness adjustments.
Josh emphasizes the importance of setting up the environment and lighting properly to minimize ongoing adjustments.
White Balancing and Color Adjustments 2:28
Josh explains the process of white balancing, using neutral objects like teeth or a white piece of paper to calibrate the camera.
He advises adjusting brightness, contrast, and color settings, and suggests testing variations by screenshotting or recording short clips.
He shares a personal anecdote about a time when his video looked off due to incorrect white balancing, leading to concerns about his health.
The importance of locking in settings, screenshotting results, and storing them for future reference is emphasized.
Post-Production Adjustments 4:06
Josh discusses the use of post-production tools like Camtasia and Premiere Pro for making quick adjustments if the video still doesn't look right.
He mentions using LUT presets, either out of the box or custom ones, to enhance video quality in post-production.
Josh considers this a fallback plan rather than a primary method but acknowledges its effectiveness.
He introduces Lumetri color in Premiere Pro as an advanced tool for achieving high-quality, polished video quickly and efficiently.
Comparing Video Quality and Final Thoughts 5:00
Josh highlights the importance of being mindful of all aspects of video quality to compare content side by side with others.
He emphasizes the goal of producing excellent on-camera performances with outstanding video quality.
Josh concludes the video by mentioning that he will see the audience in the next video.
Keywords: AI-generated,video,4K,resolution,workflow,optimization,content,longevity,editing,software,avatar,export,quarter,screen,principle,green,workflows,automated,production,performances,audio,files,text-to-performance,tools,cloud,storage,local,backups
In this video, you'll learn how to create a digital double avatar for automated video production, with a focus on optimizing workflow and resolution strategies. You'll discover techniques for producing high-quality avatars, including how to effectively composite 1080p avatars into 4K projects and create flexible avatar sets with multiple poses and angles. The tutorial will Guide you through green screen workflows and demonstrate methods for automating avatar performances using audio and text-to-performance tools. By the end, you'll have a comprehensive understanding of how to efficiently generate professional-looking AI-driven video content with your digital avatar.
In this video, you'll learn how to create a digital double avatar for automated video production, with a focus on optimizing workflow and resolution strategies. You'll discover techniques for producing high-quality avatars, including how to effectively composite 1080p avatars into 4K projects and create flexible avatar sets with multiple poses and angles. The tutorial will Guide you through green screen workflows and demonstrate methods for automating avatar performances using audio and text-to-performance tools. By the end, you'll have a comprehensive understanding of how to efficiently generate professional-looking AI-driven video content with your digital avatar.
Following are the key things you will be able to do after you watch this demo:
Select optimal video resolution for long-term content creation
Composite avatar videos into 4K projects using the quarter-screen technique
Design flexible avatar sets with multiple camera angles and poses
Implement cost-effective workflows for digital avatar production
Batch produce avatar videos efficiently
Utilize green screen techniques for high-quality avatar generation
Automate avatar performances using audio and text-to-performance tools
Future-proof video content by understanding resolution strategies
Create visually engaging educational or presentation videos with digital avatars
Optimize video production workflow for AI-generated content
Overview of Creating a Digital Double Avatar 0:08
Josh Lomelino introduces the video as an overview of creating a digital double avatar, emphasizing the importance of early workflow considerations for automated video production.
He highlights the significant decision of choosing between HD at 1080p and Ultra HD at 4k or higher, noting that while 1080p is faster and more economical, 4k offers better future-proofing.
Josh recommends producing videos in 4k for longevity, ensuring the platform supports 4k playback, and mentions that Anomaly Amp supports this out of the box.
For cost-effective 4k output, he suggests exporting the avatar at 1080p and compositing it over a 4k background in video editing software like Premiere or Camtasia.
Techniques for Achieving 4k Output 2:12
Josh explains that exporting avatars in 4k can be costly, but exporting at 1080p and compositing it in a 4k project maintains full resolution without quality loss.
He describes the quarter screen principle, where the avatar is positioned in the bottom right-hand corner of the screen, enhancing the learning experience with foreground and background visuals.
Josh advises producing the original avatar in 4k and storing it at full resolution in both cloud storage and local backups, but notes that most people will render videos in 1080p.
He outlines the process of creating an avatar set with multiple camera angles, standing and sitting poses, and options with and without hand gestures, providing a flexible collection for different needs.
Green Screen Workflows and Automation 3:33
Josh discusses green screen workflows, offering tips for achieving strong results even without a high-end green screen.
He explains how to batch produce avatars efficiently, saving time with a streamlined workflow.
Josh introduces the concept of fully automating avatar performances using audio files or AI-generated audio and video with text-to-performance tools.
He concludes the demo by mentioning that he will cover these topics in more detail in future videos, encouraging viewers to stay tuned for further instruction.
Keywords: Digital, doubles, AI, tools, lighting, image, quality, training, model, green
In this tutorial, Josh Guides viewers through creating high-quality digital doubles using AI technology. By following his detailed workflow, users will learn how to record themselves with optimal lighting, camera angles, and techniques to capture natural movements. The process involves creating multiple avatar variations with a consistent naming system, allowing for seamless video production and editing. After completing the tutorial, viewers will be able to generate professional, versatile digital avatars that can be used across different video projects with ease and consistency.
In this tutorial, Josh Guides viewers through creating high-quality digital doubles using AI technology. By following his detailed workflow, users will learn how to record themselves with optimal lighting, camera angles, and techniques to capture natural movements. The process involves creating multiple avatar variations with a consistent naming system, allowing for seamless video production and editing. After completing the tutorial, viewers will be able to generate professional, versatile digital avatars that can be used across different video projects with ease and consistency.
Following are the key things you will be able to do after you watch this demo:
Create multiple avatar variations with a consistent naming system
Record high-quality source footage for AI digital double training
Select optimal recording environments (green screen or natural settings)
Capture multiple camera angles for flexible video production
Apply three-point lighting techniques for professional video quality
Use camera settings to record in 4K resolution
Develop a systematic approach to avatar creation and management
Experiment with different avatar styles and gestures
Optimize video recording for AI digital double learning
Implement a multi-camera editing workflow for seamless avatar transitions
Building Digital Doubles from Scratch 0:08
Josh Lomelino explains the importance of following earlier steps, especially around lighting and image quality, to avoid costly post-production fixes.
He emphasizes the need for a two-minute video of oneself speaking directly to the camera, suggesting the use of a wireless mouse for discreet recording.
Josh prefers recording against a green screen for flexibility in background changes, but acknowledges the natural setting option.
He recommends experimenting with different avatars, using a consistent numbering system for organization, and provides examples of naming conventions for avatar variations.
Creating and Managing Avatars 3:19
Josh discusses the importance of capturing as many versions as possible for each outfit in one session to ensure consistency in hair, lighting, and clothing.
He explains his approach to recording multiple shots or angles simultaneously using different camera angles and a multi-cam edit in video editing software.
The three essential angles he always records are a close-up, a medium shot, and a three-quarter side view.
Josh mentions the challenges some AI tools pose with the three-quarter view but recommends capturing it for added realism and variety.
Recording and Equipment Considerations 4:43
Josh advises using a Logitech 4K webcam for better image quality, though a 1080p camera can also yield decent results.
He shares his experience with different recording devices, including a phone's rear-facing camera in 4K, a webcam, and a DSLR, and emphasizes the need for experimentation.
Josh recommends using the built-in Windows or Mac camera app for recording at the highest resolution possible, with instructions on adjusting settings to force 4K recording.
He advises recording a clip without the green screen, looking straight into the camera, and speaking casually to ensure the digital double learns natural behavior.
Batch Creating Avatars 6:07
Josh introduces a workflow in his video editing software for batch creating avatars, which speeds up the process.
He mentions the importance of recording a clip that is at least two minutes long to avoid issues with awkward movements being mimicked by the avatar.
Josh explains his setup for recording, including using an adjustable camera arm mounted to his desk for flexibility.
He concludes the demo by stating that he will cover more in the next video, indicating the end of the current session.
Keywords: AI, transcription, video, Bloom's Taxonomy, metadata, learner outcomes, content, table, contents, time, codes, interactive chapters, prompts
Learn how to transform lengthy video content into easily digestible, learner-friendly resources using AI technology. This tutorial demonstrates how to automatically generate comprehensive text information including descriptions, educational outcomes, and detailed summaries directly from video transcripts. By utilizing tools like Otter AI and Anomaly Amp, you'll discover a streamlined method to create navigation cues, time-coded summaries, and interactive chapters that enhance viewer understanding and engagement. The process requires minimal manual effort while providing maximum value for learners seeking to quickly grasp the key points of extended video content.
Learn how to transform lengthy video content into easily digestible, learner-friendly resources using AI technology. This tutorial demonstrates how to automatically generate comprehensive text information including descriptions, educational outcomes, and detailed summaries directly from video transcripts. By utilizing tools like Otter AI and Anomaly Amp, you'll discover a streamlined method to create navigation cues, time-coded summaries, and interactive chapters that enhance viewer understanding and engagement. The process requires minimal manual effort while providing maximum value for learners seeking to quickly grasp the key points of extended video content.
Following are the key things you will be able to do after you watch this demo:
Analyze the process of using AI tools to generate comprehensive video metadata
Generate automated transcripts and summaries using Otter AI
Create detailed video descriptions and educational outcomes with minimal manual effort
Extract key thematic points and time-coded sections from video content
Implement interactive chapters and navigation cues in video presentations
Transform lengthy video demonstrations into learner-friendly, easily navigable resources
Generating Text Information for Video Content 0:09
Josh Lomelino introduces the purpose of the video: to show how to generate text information to support video content.
He explains the challenges of long videos and the time-consuming process of creating a manual table of contents.
Josh suggests using AI to automatically generate contextual and navigation cues for viewers.
He outlines the four main cues for learners: description, outcomes, table of contents, and interactive chapters.
Using Otter AI App for Transcription 1:40
Josh explains the process of using the Otter AI app to generate a transcript of a finished video.
He details the steps of dragging and dropping the video file into the Otter user interface for transcription.
Once the transcription is complete, Josh shows how to access the Summary tab to extract the table of contents.
He emphasizes the importance of the Summary tab in providing thematic breakdowns and time ranges.
Creating Descriptions and Educational Outcomes 3:44
Josh demonstrates how to generate a three to four sentence description using AI prompts in Otter.
He explains the process of copying and pasting the description into the Anomaly Amp system.
Josh highlights the importance of providing a list of educational outcomes for learners.
He shows how to use AI prompts to generate a list of outcomes based on the training script.
Formatting and Organizing Content 4:53
Josh provides tips on formatting the content in the Anomaly Amp system.
He suggests making the time codes appear as text summaries and setting them as heading two (h2) in bold.
Josh explains how to create a clear message under the outcomes heading to Guide learners.
He recommends using either a numbered or bulleted list for the outcomes.
Finalizing the Detailed Summary 5:28
Josh completes the detailed summary by including time codes for each item in the video.
He reiterates that the process requires minimal manual work and produces valuable content for learners.
Josh mentions the importance of reviewing training on Bloom's Taxonomy for proper verb usage in AI tools.
He offers supplemental files to help train AI tools to use the correct verbs for the level of learning.
Introduction to Interactive Table of Contents 6:18
Josh announces the next video, which will cover the fourth component: the interactive table of contents.
He explains that this component converts the table of contents into interactive chapters in the video.
Josh highlights the benefits of this feature for users on various devices.
He promises to show the process of creating interactive metadata in the next video.
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.
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 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.
Guide Atlas" width="1024" height="1536" />
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.
There are no Main Site search results.